Problem with a vertical list...

[MikeTheVike]

I'm 95% done with this site I'm doing, and now the client wants to add more crap to the footer. I had it working fine, when everything could fit on a single line, but I have to make the address use two lines, and also have the phone numbers take up two lines. I've attached a picture showing an example of what I want.

I'm currently stumped as to how I can get this laid out like this using a list, and have the text centered within the space. I tried to add a line break, but it moved the whole list down. Thanks for any help, or even if you have a link with some navigation or a footer that is laid out like this that I could reference. Thanks!

[tZ]

You could just float the far left and right info then float one of the phone numbers inside the center. So you have essentially three containers then the middle has a floated element within it.

[MikeTheVike]

You could just float the far left and right info then float one of the phone numbers inside the center. So you have essentially three containers then the middle has a floated element within it.


I just noticed I put vertical instead of horizontal in my thread title, woops!

tZ, you are talking about using divs instead of a list?

[tZ]

yes with divs put I think you might be able to do it with lists(ul or li) since, they are block level elements- don't quote me on that though. Just give the each li a class then target it and float it… I think.