css: if do not change html structure, is that possible to move content from one div to the other?

css: if do not change html structure, is that possible to move content
from one div to the other?

css:
<style>
#layer1 {
height: 60px;
background-color:#00FF00;
}
#layer2 {
height: 60px;
background-color:#FFFFCC;
}
</style>
html:
<div id="layer1">
This is the first div.
</div>
<div id="layer2">
This is the second div.
</div>
Question:
If do not change the html codes, only change css codes, is that possible
to do this? move text This is the first div. to layer2, to make text: This
is the first div. show at the left side of layer2, and make text:This is
the second div. to show at the right side of layer2