Kalle_B: Problem mit Zeilenumbruch

Beitrag lesen

Hallöle,

Listen baue ich gerne mit CSS auf. Jede Zeile hat mehrere Spalten:

.row  {border-bottom:1px solid #ccc}
.sp01 {width:10em; float:left}
.sp02 {width:10em; float:left}
.clear{clear:both}

<div class=row>
  <div class=sp01>Name:</div>
  <div class=sp02>Kalle</div>
  <div class=clear></div>
</div>
<div class=row>
  <div class=sp01>Bundesland:</div>
  <div class=sp02>Hessen</div>
  <div class=clear></div>
</div>

Vorteil gegenüber Tabellen: Die Spaltenbreite wird eingehalten (Tabellen quetschen sich klein trotz width-Angabe, wenn die Anzeigefläche zu klein wird).

Nun das Problem: Können Blinde den Zeilenwechsel bei diesem Design eigentlich fühlen?

Oder muss ich <div class=row> durch <p> ersetzen? Darf innerhalb von p div vorkommen?

Lieben Gruß, Kalle