Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] inline einzelne Elemente Rechts ausrichten

Einklappen

Neue Werbung 2019

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

  • [Erledigt] inline einzelne Elemente Rechts ausrichten

    Moin, ich habe folgenden HTML-Quellcode

    Code:
    <div id="menu">
    	<ul class="clearfix">
    		<li class="sectionheader">
    			<span class="leading">0 </span>
    			"Sektion 1"
    			<span class="append"> Section</span>
    		</li>
    		<li><a href="http://example.com/seite1/">Menupunkt 1</a></li>
    		<li class="sectionheader">
    			<span class="leading">0 </span>"Sektion 2"
    			<span class="append"> Section</span>
    		</li>
    		<li><a href="http://example.com/seite2/">Menupunkt 2</a></li>
    		<li><a href="http://example.com/seite3/">Menupunk 3</a></li>
    	</ul>
    </div>
    Nun würde ich gerne nur die <span class="append"> per CSS rechtsbündig inline ausrichten, während der rest in der gleichen Zeile Linksbündig ausgerichtet steht.
    Meine bisherigen Versuche mit display:block; oder width haben mich nicht wirklich weiter gebracht, das einzige was ich bisher schaffe ist, dass es in einer neuen Zeile rechtsbündig ausgerichtet wird.
    Ich verzweifel gerade ein wenig daran...
    CSS ist irgendwie nicht wirklich mein Ding habe ich den Eindruck...*g*


  • #2
    Reihenfolge im Quelltext ändern, und dann floaten.

    Bei vorhersehbarer Breite und damit geringer Gefahr von Überlappungen ist auch absolute Positionierung anwendbar.

    Kommentar


    • #3
      Danke für die schnelle Hilfe, hat einwandfrei geklappt

      Damit Erledigt

      Kommentar

      Lädt...
      X