My current form is very basic and includes the following:
<div class="datepicker">
<p>
From:
<span class="spanMonth">
<div id="div_dateFromReports_month">
<select></select>
</div>
</span>
<span class="spanDay">
<div id="div_dateFromReports_day">
<select></select>
</div>
</span>
<span class="spanYear">
<div id="div_dateFromReports_year">
<select></select>
</div>
</span>
</p>
<div style="clear: both;"></div>
</div>
Currently, the "From" word is unintentionally placed to the right due to the float left property on every span. Is there a way to reposition the "From" without wrapping it?
Note: HTML tags have been omitted for brevity.
The current layout looks like this:
_______ ________ ________
|_______| |________| |________| From:
And I would like it to appear as follows:
_______ ________ ________
From: |_______| |________| |________|
NOTE: I am aware of the broken HTML in this part of the page. Unfortunately, due to constraints with jQuery and Zend view helpers, I am unable to modify the structure at this time. Thank you for your understanding.