eines von 2 Inline-Elemten im div-Bereich zentrieren ???
asdf
- css
HI,
ich habe folgendes Problem:
Ich habe einen div Bereich, in dem ich ein Bild habe und ein Text, den ich in der gleichen Zeile habe. (Inline-Element)
Nun möchte ich den Text zentrieren ohne, dass ich das Bild mitzentriere, denn das soll links am Rand bleiben. Der Text soll in der gleichen Zeile bleiben wie das Bild und soll auch unten schlüssig mit dem Bild sein.
So soll es aussehen:
-------------------------------------------------------------------
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild Text Text Text Text Text Text |
-------------------------------------------------------------------
Hab schon einiges versucht, aber bis jetzt nicht das richtige gefunden
Danke im voraus
asdf
Hallo asdf
So soll es aussehen:
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild |
| BildBildBild |
BildBildBild Text Text Text Text Text Text
Wenn es nur ein kurzer einzeiliger Text ist, könnte es so funktionieren (zumindest in FF 2.0.0.13 und IE6):
HTML
<div id="box">
<img src="BildBildBild" alt="">
<span>Text Text Text Text Text Text</span>
</div>
CSS
#box {
border:2px dashed #000;
}
* html #box {
height:1px; /* für IE (zumindest 6) */
}
#box img {
float:left;
}
#box span {
display:block;
text-align:center;
padding-top:333px; /* Bildhöhe */
margin-top:-1.2em; /* Zeilenhöhe */
}
Auf Wiederlesen
Detlef