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
Post a Comment