#130 open
Greg Hazel

float:left on span-x classes breaks layout

Reported by Greg Hazel | August 8th, 2010 @ 08:11 AM

The float:left on a span-x class seem to break vertical alignment between labels and input fields.

(Markdown sucks: http://codepad.org/MeKFSboX )

For example, this aligns the label and input with the top of the row, which looks terrible:

<form>
  <div class="span-24 last">

&lt;div class=&quot;span-4&quot;&gt;
  &lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt;
&lt;/div&gt;
&lt;div class=&quot;span-20 last&quot;&gt;
  &lt;input id=&quot;name&quot; name=&quot;name&quot; type=&quot;text&gt;
&lt;/div&gt;



</div> </form>

however, this has proper vertical alignment:

<form>
  <div class="span-24 last">

&lt;span&gt;
  &lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt;
&lt;/span&gt;
&lt;span&gt;
  &lt;input id=&quot;name&quot; name=&quot;name&quot; type=&quot;text&gt;
&lt;/span&gt;



</div> </form>

Comments and changes to this ticket

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

The Blueprint CSS framework

People watching this ticket

Tags

Pages