html - Need <p> to fill height of <div> parrent -
my on goal center vertically text. right have div containing p. div is:
.container{ margin-left: auto; margin-right: auto; height: auto; min-height: 100px; border: 1px solid red; width: 60%; overflow: hidden; }
and p:
.welcome_title{ float: left; width: 30%; height: 100%; min-height: 100%; font-size: 200%; vertical-align: middle; text-align: center; }
what make p's height 100% of screen , not parrent. help?
the vertical-align property not work unless use display: table-cell
don't know why welcome_title floated left , if float needed, here find 3 examples. i'm sure find 1 suits need.
http://deeson-online.co.uk/labs/how-centre-align-text-or-content-vertically-css
Comments
Post a Comment