Das ist mein HTM
<div class="listform">
<ul>
<li>
<label>Titel</label>
<input name="titel" type="text">
<div class="info">Information</div>
</li>
<li>
<label>Titel3</label>
<input name="titel3" type="text">
<div class="info">weitere Information</div>
</li>
</ul>
</div>
das ist mein CSS Code
.listform {}
.listform ul { padding:0;
display: block;
border: 1px solid #FF0000;
}
.listform li{
list-style-type: none;
list-style: none;
border-bottom: #C0C0C0 1px dotted;
}
.listform label {
font-size: 14px;
width:200px;
float:left;
display: block;
font-weight:bold;}
.listform input {
float: left;
width: 70%;
font-size: 14px;
}
.listform .info {padding: 10px 0 20px 200px; float: left;font-size: 11px;}
eigentlich sollte das Label links sein
die Eingabe rechts
und die Infos unter der Eingabe.
Aber es haut nicht hin.
und der (doofe) Border von UL umschliesst die LISTEN auch nicht....
Max