Div-Bereich in einen <p> Bereich einbinden

WtBro

Grünschnabel
Hall zusammen,
ich möchte in einen schon vordefinierten Bereich <p> ... </p>, der mit CSS formatiert wurde, 3 Div-Elemente nebeneinander einfügen.
Wenn ich das mache, wird das Format aus <p< nicht übernommen. Kann ich das ändern? Wenn ja wie?

Danke schon mal

HTML:
<!DOCTYPE html>
<html>
<head>
<style>
* {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;
}
div.left{
    float: left;
    width: 70%;
}
div.mid{
    float: left;
    width: 30%;
}
</style>
</head>
<body>
<p class="text" style="margin-bottom: 5px;">    
    First Part: 
    <div class="mid"> Second Part: </div> <br>
    Next line: 
</p>
</body>
</html>
 
Hi

div's in p's sind schlicht und einfach nicht erlaubt.
p's dürfen generell keine Blockelemente enthalten.
 

Neue Beiträge

Zurück