tutorials.de - Div-Bereich in einen <p> Bereich einbinden

by SpiceLab

HTML

<p class="text" style="margin-bottom: 5px;">    
  <span class="left">First Part:</span>
  <span class="mid"> Second Part: </span> <br>
  Next line:
</p>

CSS

* {margin:0px; padding:0px}
p.text {
    font-family: "Verdana", serif;
    font-size: 11.3px;
    background-color: #f0f5f8;
    line-height: 2;
    margin-bottom: 2px;
    padding-left:10px;
}
span.left{
    float: left;
    width: 70%;
}
span.mid{
    float: left;
    width: 30%;
}