3 replies [Last post]
SpoiledMilk
Offline
newbie
Copenhagen
Last seen: 14 years 7 weeks ago
Copenhagen
Timezone: GMT+2
Joined: 2006-10-08
Posts: 2
Points: 0

Hello,

We need to implement a different line-height for lines that have been wrapped, as shown in the following diagram.

Is this possible using CSS? We've spent a while trying to figure it out, but haven't been successfull.

Thanks,

Russell.

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 7 years 51 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

I think it's best to put it

I put it in a code tag for the HTML-things.. :S

I think it's best to put it all in a list. so start off with < ul > and put every item in a < li >. Style the < li > with margin to get the desired spacing between the items, and set line-height within the < li > to set the wrapped lines lineheight. There are methods to get rid of the bullets within the < li >'s, but I don't know them out of my head. Google will be your friend.

Toy around with padding and margin in both the < li > and < ul >, because they can have weird standardvalues.

As a rule, I never touch anything more sophisticated and delicate than myself

SpoiledMilk
Offline
newbie
Copenhagen
Last seen: 14 years 7 weeks ago
Copenhagen
Timezone: GMT+2
Joined: 2006-10-08
Posts: 2
Points: 0

Ahh. We've got it. Thanks!

Ahh. We've got it. Thanks! You're magical. Like a magical wizard and his magic cat.

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 7 years 51 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

then this is officialy my

then this is officialy my first standalone-fully-solved-in-one-post-reply. (evil laugh). Good to finally be able to help some people out, to know the bugs and behaviours and to know what to expect.

However, there's still a long long way to go. It's still a *beep*, CSS. But I love her.

As a rule, I never touch anything more sophisticated and delicate than myself