My current dilemma involves the need to position <div id="content1">
directly before <div id="content2">
. However, the issue arises from the fact that <div id="content2">
is nested within another div, rendering traditional CSS push and pull techniques ineffective in this scenario.
Here's a snippet of my HTML structure:
<div class="col span_3_of_4">
<div class="col span_3_of_4">
<h1 class="title">Title</h1>
</div>
<div class="col span_1_of_4">
<div class="fr">
<a href="/" class="pdfgen funcicons" target="_blank"></a>
<a href="/" class="print funcicons"></a>
<a href="/" class="tsign funcicons"></a>
</div>
</div>
<div class="cl"></div>
<div class="divider"></div>
<div class="formatedtext text">
<div id="content2">
<p>Content that needs to go after content2 ID</p>
</div>
</div>
<div id="content1">
<div class="col span_1_of_3 mlfix">
<div id="datepick"></div>
</div>
<div class="col span_2_of_3"></div>
</div>
<div class="cl"></div>
<div class="divider"></div>
</div>
Does anyone have any suggestions or tricks on how I can place the entire
<div id="content1"></div>
above the <div id="content2"></div>
? I'm open to both clean and unconventional examples. Thank you!