JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<div id = "contentarea">
    <div class = "post">
        <div class = "head">
            <p class = "name">Name</p>
        </div>
        <div class = "body">
            <p class = "title">Title</p>
            <p class = "content">Content Vestibulum nec turpis eu mi imperdiet porttitor. Fusce eget lorem libero, a imperdiet sem. Integer eleifend tincidunt condimentum. Nam id arcu nec lectus rhoncus sagittis.</p>
        </div>
        <div class = "clear">clear:both;</div>
        <div class = "allreplies">
            <div class = "reply">
                <p class = "name">Name 1</p>
                <p class = "content">Vestibulum nec turpis eu mi imperdiet porttitor. Fusce eget lorem libero, a imperdiet sem. Integer eleifend tincidunt condimentum. Nam id arcu nec lectus rhoncus sagittis.</p>
            </div>
            <div class = "reply">
                <p class = "name">Name 2</p>
                <p class = "content">Suspendisse non eros orci, a porttitor lacus. Donec vulputate viverra neque, quis sagittis eros suscipit vel.</p>
            </div>
        </div>
        <div class = "clear">clear:both;</div>
    </div>
</div>
</html>

CSS

.clear {
    background:white;
    clear:both;
}
#contentarea {
    margin-top:50px;
    margin-left:10px;
    min-width:700px;
}
p{
    font-family:"Lucida Console";
}
.post {
    opacity:0.9;
    background:blue;
    padding:5px 10px 5px 10px;
}
.post .head {
    background:red;
    float:left;
    width: 20%;
}
.post .body {
    background:green;
    float:left;
    width:80%;
}
.post .allreplies {
    background:yellow;
}