مشکل در نمایش متن در تگ pre

سلام

وقتی از تگ pre استفاده میکنم کلمات شکسته میشه و نصفش میره پایین.

استایل border بهش ندادم ولی border داره.

میخوام متن بصورت justify نمایش داده بشه و کلمه ای که جا نشد کل کلمه بره پایین.

$q=mysql_query("SELECT * FROM tbl_posts WHERE ID='$id'");
$row=mysql_fetch_array($q);
echo $row["post_title"]."<hr/></h3><pre>".$row["post_content"];

echo "</pre>";
echo "</div>";
<ltr>
<left>
اینم استایلش هست:

<left>
<ltr>
pre {
    display: block;
    font-family: monospace;
    white-space: pre-wrap;
    margin: 1em ;
}