Le 24 sept. 2012 à 19:55, Rick Lecoat <li...@sharkattack.co.uk> a écrit :

> I think I’m missing something very obvious in a ‘wood-for-the-trees’ kind of 
> way here, but I’m trying to set up a definition list so that the dt and dd 
> elements are floated opposite each other. I’ve made a simplified page with 
> just the list on:
> 
> http://www.helpme.sharkattack.co.uk/opposingfloats.html
> 
> As you can see, the dd is dropping below the dt’s generated box -- I was 
> expecting them to both sit at the same vertical position. There’s plenty of 
> horizontal space between them and no margins or padding to mess with the 
> widths. What’s causing it?

You didn't account for the default margin-left on the DD (which in most 
browsers nowadays is equal to 40px). 
Add
dd { margin: 0; }
and your floated blocks will align.


Philippe
--
Philippe Wittenbergh
http://l-c-n.com




______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to