CODEWITHSUNDEEP
css
Vishal Khialani
Vishal Khialani

Reputation: 2587

Anchor text does not wrap properly

I need the anchor text to wrap to the second line and still maintain the layout. I have tried everything and I am not sure what I am doing wrong here. enter image description here

Above is how I want it. My demo site where u can see the live layout : http://www.iamvishal.com/residen/?q=node/54

I have tried many variations

max-width word-wrap

but nothing seems to work.

Upvotes: 0

Views: 1618

Answers (2)

poodle
poodle

Reputation: 107

I played arnd with your CSS on your website. This seems to do the trick. Do post your css and html on jsFiddle so we can better help you. 

 #navigation .links, #navigation .menu {
   text-align: -moz-center;
 }

Upvotes: 0

James Montagne
James Montagne

Reputation: 78650

The strange wrapping is due to the use of padding on an inline element. You should either move the padding to the li elements instead of the anchors or change the anchors to display: block or display: inline-block.

Upvotes: 1

Related Questions