CodingForums.com - View Single Post

IanIan · 01-18-2013, 06:52 PM

Code:

<style>

.style1  li { width:220px;
  float:left;
}


</style>

<ul class="style1">
	<li><input type="checkbox" value="1">Value</li>
<li><input type="checkbox" value="1">Value</li>
</ul>
<span style="clear: both;">Hello</span>

With the above code the span doesn't clear the list. But it does if I make it a block element.

01-18-2013, 06:52 PM	PM User \| #1
IanIan New Coder Join Date: Oct 2011 Posts: 24 Thanks: 1 Thanked 0 Times in 0 Posts	Does 'clear' apply to inline elements? Code: <style> .style1 li { width:220px; float:left; } </style> <ul class="style1"> <li><input type="checkbox" value="1">Value</li> <li><input type="checkbox" value="1">Value</li> </ul> <span style="clear: both;">Hello</span> With the above code the span doesn't clear the list. But it does if I make it a block element.