Is there a way to position long text next to an image within a container? I've tried using float left/right, but it didn't work. When I use margin-top, the layout gets messy because the images and text are different heights/lengths.
.containerpost{
margin-left: 25px;
width: 40%;
background: white;
margin-left: 5px;
margin-right: auto;
border-radius: 4px;
border: 1px solid black;
padding: 10px;
margin-top: 20px;
float: left;
clear: both;
overflow: hidden;
clear: both;
}
.description{
float: left;
clear: both;
word-wrap: break-word;
}
.avatar{
float: right;
height: 200px;
clear: both;
margin-top: -0%;
}