I am designing a comment frame for a webpage I am working on. Upon using nl2br to ensure line-breaks aren't removed from stuff submitted from the the in the form, the text just wraps around the user image in the comment section (please see image). overflow:hidden doesn't work here. How to handle this?
A screenshot of the comment frame.
<div class="comment_section" style="overflow:hidden";>
<a href="<?php echo $posted_by?>" target="_parent"><img src="<?php echo $user_obj->getProfilePic();?>" title="<?php echo $posted_by;?>" style="float:left;" height="30"></a>
<a href="<?php echo $posted_by?>" target="_parent"><b><?php echo $user_obj->getFirstAndLastName();?></b></a> <?php echo $time_message . "<br>" . nl2br($comment_body);?>
<hr>
</div>