[Solved] Description list Space between dt and dd

[stg1815]

Hi all! I have been playing with my news section. I can’t seem to reduce the space between the dt and dd. The dd is supposed to contain an image.

I played with the float but failed to get it work.
Here is my code:
http://codepen.io/stg1815/pen/xpDbz

Thanks in advance!

[Kingslayer]

What is it supposed to look like ?

[stg1815]

Similar to this:

[Paulie_D]

I can’t seem to reduce the space between the dt and dd.

There is no ‘space’ between them as you can tell if you give them different background colors.

The dl is 100% wide…did you want something less?

It’s unclear to me why you have chosen this particular structure which seems ill suited to a ‘news’ section.

[stg1815]

@Paulie_D I chose description list because I thought it is the best for “news section”. Any suggestion?

[Paulie_D]

I would be using the article element

http://codepen.io/Paulie-D/pen/aueBL

[stg1815]

@Paulie_D – Thanks for the suggestion. I will try this.

@wolfcry911 – Thank you for the explanation. I understand better.

Solved!

[Author]

Posts