Ankündigung

Einklappen
Keine Ankündigung bisher.

css: text-align: center; funktioniert nicht

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • css: text-align: center; funktioniert nicht

    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:
    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;
    	}
    aus meiner php:
    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&uuml;tzen, ihre Produkt-, Service- und Gesch&auml;ftsideen umzusetzen.</li></ul></div>
    hier der link

    Kann mir jemand weiterhelfen?
    vielen dank!

  • #2
    PHP-Code:
    #starthead::before {
      
    displaytable;
      
    content'';
      
    width100%;
      
    table-layoutfixed;

    I like cooking my family and my pets.
    Use commas. Don't be a psycho.
    [URL="http://jscouch.de"]Blog[/URL] - [URL="http://coverflowjs.github.io/coverflow/"]CoverflowJS[/URL]

    Kommentar


    • #3
      hallo rudygotya
      vielen dank-es funktioniert!!
      lieber gruss

      Kommentar

      Lädt...
      X