Witam!
Mam problem z overflowem cały czas tekst wychodzi poza diva nie wiem co zrobić aby linie się łamały tak jak powinny.
Próbowałem już wszystkiego:
Dołączam kod:
#page {
margin: 0;
position: relative;
overflow: hidden;
padding: 20px 20px 0 20px;
background: #FFF;
position: relative;
box-shadow: inset 0px 0px 3px 0px #ffffff, inset 0px 0px 250px 0px #d8d8d8, 0px 10px 20px 0px #D6CCBA;
text-shadow: 1px 1px 0px #ffffff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
#boxes {
overflow: hidden;
position: relative;
}
.box {
float: left;
width: 200px;
overflow: hidden;
margin-left: 15px;
position: relative;
margin-bottom: 10px;
text-align: left;
word-wrap: break-word;
}
.box1{
float: left;
width: 400px;
height: 400px;
overflow: hidden;
margin-left: 20px;
position: relative;
margin-bottom: 10px;
text-align: left;
}
.box2{
float: left;
width: 500px;
min-height: 400px;
margin-left: 20px;
margin-bottom: 10px;
text-align: left;
font-size: 13px;
line-height: 1.8em;
position: relative;
}
<div class="box2" style="width: 600px;"> <center><h3 style="color: green; font-size: 20px;"><?php echo $contents['title']; ?></h3></center> <?php echo stripslashes($contents['content']); ?>
<?php include './modules/comments.php'; ?>