CODEWITHSUNDEEP
css
Chandrakant
Chandrakant

Reputation: 1981

How to center contents or divs

I used vertical-align: middle; but it's not working I dont wana use margin-top:80px

see fiddle for more details http://jsfiddle.net/chanduzalte/2vwkA/1/

Upvotes: 0

Views: 97

Answers (3)

Dinesh Gajbhiye
Dinesh Gajbhiye

Reputation: 684

If that is going to remain fixed (height of the box and only one line of text inside that box) then you can achieve that by adding line-height:

.center div{line-height:200px}

Upvotes: 0

gopi1410
gopi1410

Reputation: 6625

Use style=" display:table-cell; vertical-align:middle"

Check out this updated fiddle

Upvotes: 1

Simon Smith
Simon Smith

Reputation: 8044

I always refer to this great article on CSS-Tricks - http://css-tricks.com/centering-in-the-unknown/

Upvotes: 2

Related Questions