<li> styling mit css (chrome Probleme)

Hallo, ich habe dieses seltsame problem mit css.

Ich bin Darstellung einer ungeordneten Liste

  <ul>
   <li>
    <div class='align-left'>
     PMI
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='19' class="elim" name="19">
    </div>
   </li>
   <li>
    <div class='align-left'>
     GRANDS COMPTES
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='21' class="elim" name="21">
    </div>
   </li>
   <li>
    <div class='align-left'>
     associations
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='22' class="elim" name="22">
    </div>
   </li>
   <li>
    <div class='align-left'>
     PME
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='25' class="elim" name="25">
    </div>
   </li>
   <li>
    <div class='align-left'>
     ecoles privees
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='28' class="elim" name="28">
    </div>
   </li>
   <li>
    <div class='align-left'>
     organisme
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='32' class="elim" name="32">
    </div>
   </li>
   <li>
    <div class='align-left'>
     test
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='34' class="elim" name="34">
    </div>
   </li>
  </ul>

dies ist jetzt zusammen mit folgenden css-Regeln:


.align-right{
float: right;
}
.align-left{
float: left;
}

Auf Google chrome, den Punkt aus der Liste ist eigentlich UNTER dem text für den Punkt.

Warum ich das Tue, möchte ich die Bilder, die ausgerichtet werden, von oben nach unten.

hier sind screenshots der problem

vielen Dank im Voraus.

formatieren Probleme versuchen zu beheben, eine Sekunde
Hmm, jetzt weiß ich, ein Bild-hosting-service, den ich nicht verwenden.
zwei Minuten mehr als eine Sekunde. Lassen Sie mich helfen. 😉
Robert Harvey ???? was ist falsch mit imgur?
Sollten Sie veröffentlichen Sie Ihre HTML-Code-Einrückungen mit vier Leerzeichen. (klicken Sie auf die {} - Taste)

InformationsquelleAutor cromestant | 2011-01-24

Schreibe einen Kommentar