hallo zusammen
ich übe schon seit stunden an folgender lösung und finde sie nicht:
ich platziere in einem div ein hintergrund-bild und in einem <li> einen text. das ganze soll vertical-align ausgerichtet werden. der text muss mehrzeilig gebrochen werden können. dies habe ich hingekriegt mit 'display:table-cell; vertical-align:middle; - dafür funktioniert jetzt das text-align:center; nicht mehr -> es wird immer links ausgerichtet.
meine css:
aus meiner php:
hier der link
Kann mir jemand weiterhelfen?
vielen dank!
ich übe schon seit stunden an folgender lösung und finde sie nicht:
ich platziere in einem div ein hintergrund-bild und in einem <li> einen text. das ganze soll vertical-align ausgerichtet werden. der text muss mehrzeilig gebrochen werden können. dies habe ich hingekriegt mit 'display:table-cell; vertical-align:middle; - dafür funktioniert jetzt das text-align:center; nicht mehr -> es wird immer links ausgerichtet.
meine css:
Code:
div#starthead { position: relative; left:0; margin: 0; padding-top: 10px; background-image:url(../img/layout/4_gettingstarted.png); background-repeat:no-repeat; } ul#starthead { list-style:none; font-family:"StuartPro-ItalicText", serif; font-size:22px; color:#FFF; } li#starthead { display:table-cell; vertical-align:middle; height:100px; line-height:30px; text-align:center; }
Code:
<div id="starthead"> <ul id="starthead"><li id="starthead">Der Creative Hub bietet massgeschneiderte Programme und Angebote an, die Designer und Designerinnen dabei unterstützen, ihre Produkt-, Service- und Geschäftsideen umzusetzen.</li></ul></div>
Kann mir jemand weiterhelfen?
vielen dank!
Kommentar