html - Horizontally and Vertically Centering Text -


i want vertically , horizontally centre text in div contains images beside it. far i've got horizontally centred , having troubling getting vertically centred. know there lots of posts , mentioning absolute positioning every time try overlaps.

heres jsfiddle: https://jsfiddle.net/kkae9rzy/

if expand result screen horizontally on same line(baseline) see text not vertically centred.

heres code css:

#titleheader{    margin:auto;    text-align: center;    padding:100px;    background:#f2f2f2; }  #titleheader > h1 {    padding-left: 75px;    padding-right: 75px;    display:inline-block;    font-family: "bariol_regular", "helvetica neue", helvetica, arial, sans-serif;    color: #555;    letter-spacing: 3px;    font-size: 50px; }  #wind{    display:inline-block; } #intel{    display:inline-block; } 

i didn't see "vertically centered" in version, added vertical-align: middle <img> tags (via css) , looks that's wanted. see fiddle.


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -