798 Stimmen

Vertikale Ausrichtung von Text innerhalb eines div

Der nachstehende Code (auch verfügbar als eine Demo auf JS Fiddle ) positioniert den Text nicht in der Mitte, wie ich es eigentlich gerne hätte. Ich kann keine Möglichkeit finden, den Text vertikal zu zentrieren in einer div auch unter Verwendung der margin-top Attribut. Wie kann ich dies tun?

<div id="column-content">
    <img src="http://i.stack.imgur.com/12qzO.png">
    <strong>1234</strong>
    yet another text content that should be centered vertically
</div>

#column-content {
    display: inline-block;
    border: 1px solid red;
    position:relative;
}

#column-content strong {
    color: #592102;
    font-size: 18px;
}

img {
    margin-top:-7px;
    vertical-align: middle;        
}

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X