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

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -