Probleme mit last child bei li li

[Gunther]

Hallo!

Ich habe einen listen Eintrag

Ich sehe da eher eine ungeordnete Liste mit mehreren Listeneinträgen. :-P

<ul>
<li>1</li>
<li>2
  <ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  </ul>
</li>
<li3></li>
</ul>

Korrektur:

<li>3</li>  

die erste sind quer über die Seite gleichmässig verteilt.

1               2              3

quer = nebeneinander, oder auch horizontal

und unter zwei sollen sie horizontal ausgegeben werden

a
b
c

wohl eher untereinander, sprich vertikal angeordnet

doch mein code (sieh unten) mach alle richtig, nur leider übernimmt er auch die beiden last, first child, obwohl er das nicht soll. Wie bekomme ich es dazu diese beiden einstellungen für diesen Bereich wieder auszuschalten.

li{
float:left;
width:33.33%;
}

li:first-child{
width:31.33%;
padding-right:2%;
}

li:last-child{
width:31.33%;
padding-left:2%;
}

li li {
float:clear;
width:100%;
border-top: 1px solid #d4d4d4;
padding:0;
}

  
Dein Code "macht eben nicht alles richtig".  
Ein grober Fehler ist "float: clear;". Clear ist eine CSS-Eigenschaft und kein gültiger Wert für float. Was du eigentlich schreiben wolltest ist "float: none;".  
  
Ansonsten hat Gunnar dir ja schon den Hinweis auf ggf. "spezifischere" Selektoren gegeben.  
  
  
Gruß Gunther