I'm having trouble aligning a div to the top of the previous div.
Despite using vertical-align:top;, the alignment does not seem to work as expected.
To demonstrate this problem, I have prepared a FIDDLE
Here is the code for the div that needs to be aligned to the top:
<div style="display:inline-block; background:#EFEFEF; border-radius:4px; margin:5px; padding:10px;">
<p style="font-size:12px; font-weight:bold; padding:5px;vertical-align: top;">Draw Days</p>
<label for="one">
<input type="radio" id="one" name="duration" value="1" />
Tue
</label>
<label for="two">
<input type="radio" id="two" name="duration" value="1" />
Fri
</label>
<label for="two">
<input type="radio" id="two" name="duration" value="1" />
Tue & Fri
</label>
</div>
If anyone has advice on how to solve this issue, I would greatly appreciate it.
Thank you in advance.