Ich habe eine Grafik, daneben einen großen Schriftzug und daneben einen kleinen Schriftzug. Alle drei sollen unten bündig sein, d. h. auf einer Linie. Dazu wollte ich
![](https://www.vb-paradise.de/index.php/Attachment/47965-css-jpg/?thumbnail=1&s=f7b0fc2c8c9b6d0fb983f42a9928061627587fd6)
Das Bild links und der kleine Text rechts sind unten bündig, aber der große Text in der Mitte nicht. Die Frage ist, wie kann ich das erreichen?
Der HTML-Code:
Der CSS-Code:
Link zu JSFiddle zum Ausprobieren: jsfiddle.net/xvb2c895/1/
Beim Bild musste ich (komischerweise?)
Wer weiß Rat? Ich weiß, dass vertical-align eine Wissenschaft für sich ist. Vielleicht gibt's hier auch eine völlig andere Lösung?
vertical-align
nehmen.Das Bild links und der kleine Text rechts sind unten bündig, aber der große Text in der Mitte nicht. Die Frage ist, wie kann ich das erreichen?
Der HTML-Code:
Der CSS-Code:
Link zu JSFiddle zum Ausprobieren: jsfiddle.net/xvb2c895/1/
Beim Bild musste ich (komischerweise?)
vertical-align: top;
machen, also "top" statt "bottom", damit es in einer Linie mit dem kleinen Text ist. Ziel ist es, auch den Schriftzug "VB-Paradise" nach unten zu ziehen. Beim b
auch die Klasse alignbottom
anzugeben, bringt leider nichts.Wer weiß Rat? Ich weiß, dass vertical-align eine Wissenschaft für sich ist. Vielleicht gibt's hier auch eine völlig andere Lösung?