html - Trouble vertical centering text -


I'm on top of the background image (480x360) twice (100% width, 20px high), the other down to the top Note that the bars have to go to the top of the image, so they do not add to its size, the end result is still 480x360.

I think this text is being vertical centered.

I have searched (link below) and tried many different ways but nothing worked.

This is a line of text, it should not be hard ... I probably

it's really important that the text properly centered, rather than short-centric ...

does anyone could give me a hand? Thank you.

  & lt; Div id = "panel4" class = "panel" style = "cursor: move; z-index: 48" & gt; & Lt; Div class = "title" & gt; TITLE | This title is & lt; / Div & gt; & Lt; Div id = "picture4" & gt; & Lt; Img src = "http://i.imgur.com/fbEGCcY.png" width = "480" height = "360" & gt; & Lt; / Div & gt; & Lt; Div class = "footer" & gt; Fount | This footer is & lt; / Div & gt; & Lt; / Div & gt;  

CSS:

  .panels {status: absolute; } # Panel4 {display: inline-block; Status: Relative; }. Title {status: absolute; Font-family: Monaco; Font-size: 10px; Line-height: 20px; Align text: left; Height: 20px; Color: #fff; Background: # 000000; Width: 100%; Text indent: 6px; } .footer {status: complete; Font-family: Monaco; Font-size: 10px; Line-height: 20px; Text align: right; Bottom: 0; Color: #fff; Background: # 000000; Width: 100%; }  

You mean image?

Text in header / footer devices is & lt; P & gt; Wrap in & Lt; / P & gt; Tag

Add

  Vertical-Align: Middle;  

P.


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -