Seeking a way to keep the text description above the textbox within a definition list, however currently the text appears to the left of the box. Here is the provided HTML structure:
<dl>
<dt>
<label>Phone Number</label>
</dt>
<dd>
<input name="phone" type="text"/>
</dd>
</dl>
Below is the accompanying CSS styles:
dl {font:normal 12px/15px Arial; position: relative; width: 350px;}
dt {clear: both; float:left; width: 130px; padding: 4px 0 2px 0; text-align: left;}
dd {float: left; width: 200px; margin: 0 0 8px 0; padding-left: 6px;}