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