Text going out of div - css

Question

Text going out of the div.Nothing I have tried seems to work.Example the word red going out of the div.
I have 2 divs floating next to each other shown with green and red borders.Div 1 has images coming from a databse. Div 2 which I have named #index wraps around div class='board' blue border as shown in the image,which holds the description coming from MYSQL database.
Code on index.php:
<div id="index">
<?php
$select = "SELECT * FROM products LIMIT 0,20";
$query = mysqli_query ($conn,$select);
while ($row = mysqli_fetch_assoc($query)){
$B = $row['Brand']; $P = $row['Product']; $D = $row['Description'];
$M = $row['Model'];$Id = $row['Id'];
echo "<div class='board' style='word-wrap: break-word;'><a href =
'redirect.php?id=$Id'><h2>&nbsp &nbsp &nbsp
".$B."&nbsp".$P."&nbsp".wordwrap($D,28,"<br>\n",TRUE)."&nbsp".$M."</h2>
</a></div>";
}
?>
</div>
CSS:
#index {
border:solid 1px red;
position:relative;
float:left;
width:59%;
height:100%;
word-wrap:break-word;
}
div.board {
width:480px;
}
.board {
background:white;
position:relative;
border-radius:15px;
border-color:#0033FF;
border-width:2px;
border-style:solid;
margin-top:31px;
width:480px;
height:195px;
padding-left:0px;
margin-left:0px;
word-wrap:break-word;
white-space:normal;
}

Answer 1

<div id="index">
<?php
$select = "SELECT * FROM products LIMIT 0,20";
$query = mysqli_query ($conn,$select);
while ($row = mysqli_fetch_array($query)){
$B = $row['Brand']; $P = $row['Product']; $D = $row['Description'];
$M = $row['Model'];$Id = $row['Id'];
echo "<div class='board' ><a href = 'redirect.php?id=$Id'>
<h2>".$B."&nbsp".$P."&nbsp".$D."&nbsp".$M."</h2></a></div>";
}
?>
</div>
CSS:
#index {
position:relative;
top:15px;
float:left;
width:482px;
height:100%;
}
.board {
background:white;
position:relative;
border-radius:15px;
border-color:#0033FF;
border-width:1px;
border-style:solid;
margin-top:29px;
height:198px;
padding-left:18px;
padding-right:0px;
margin-left:0px;
float:left;
word-wrap: break-word;
}