How can I get the post text to be beside the avatar and not below it?

Posted by William on Stack Overflow See other posts from Stack Overflow or by William
Published on 2010-04-09T18:34:33Z Indexed on 2010/04/09 18:43 UTC
Read the original article Hit count: 476

Filed under:
|

So I'm trying to create a forum with avatars, but right now the text is going below the avatars and not beside them. How can I fix this?

Here is the CSS:

.postbox{
    text-align: left;
    margin: auto;
    background-color: #dbfef8;
    border: 1px solid #82FFCD;
    width: 100%;
    margin-top: 10px;
}   

.postfooter{
    width: 100%;
    border-top: 1px solid #82FFCD;
}

.postheader{
    width: 100%;
    border-bottom: 1px solid #82FFCD;
}

.posttext{
    width: 70%;
    text-align: left;
    border: 1px solid #82FFCD;
}

.postavi{   
    width: 20%;
    text-align: left;
    border: 1px solid #82FFCD;
}

and here is the html:

<div class="postbox"><div class="postheader">
                            <b><span>CyanPrime!!~::##Admin##::~</span></b>

                        </div>
                        <div class="postavi"><img src="http://prime.programming-designs.com/test_forum/images/avatars/hacker.png" alt="hacker"/></div><div class="posttext">Let's test the Hacker Avatar.</div>
                        <div class="postfooter">
                            [<a href="http://prime.programming-designs.com/test_forum/viewthread.php?thread=25">Reply</a>] 0 posts omitted.
                        </div>
                    </div>

© Stack Overflow or respective owner

Related posts about html

Related posts about css