html - DIV tag not following height -


i have header, made of image on left, , text on right. text made of 2 parts: line 1 (top) , line 2 (bottom). both of these need occupy 50% of height of header. height has no set height, not changing.

code: http://jsfiddle.net/olivermurfett/pamkeov5/

perhaps adding height: auto; might help.

update 1: illisation of desired outcome: header http://www.shckyneton.catholic.edu.au/_sharedimg/header.jpg

is trying do:

#header-text-container {     float: left;     height: 100%;     min-height: 100%;     width: 90%; } #text-sacred-heart-college {     float:left;     font-size: 25px; } #text-a-vibrant-life {     float:right;     font-size: 20px; } #text-kyneton {     width: 100%;     float: left; } 

here jsfiddle demo


Comments

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -