Hjælp med opsætningen

HTML kode 

 <div class="news_margin">
     <div class='news_top'>
         <div class='news_news_h1'>
             <a href='news.php?news_id=<?php echo $row['id']; ?>'><?php echo $row['news']; ?></a>
         </div>
     </div>
     <div class='news_message'>
         <div class='news_message_margin'>
             <?php echo $row['message']; ?>
         </div>
     </div>
 </div>

CSS kode 

 .news-container {
     width:440px;    
 }
 
 .news-item {
     width:196px;
     height:196px;
     margin:10px;
     border:1px solid #000;
     float:left;
 }

HTML kode 

 <div class="news-container">
     <div class="news-item"></div>
     <div class="news-item"></div>
     <div class="news-item"></div>
     <div class="news-item"></div>
 </div>

HTML kode 

 echo "<div class=\"top\"><b>News</b></div>";
 <div class=\"info\">";
 $query = mysql_query("SELECT * FROM news ORDER BY id");
 if(mysql_num_rows($query)) {
     while ($row = mysql_fetch_array($query, MYSQL_ASSOC)) {
     ?>
         <div class="news_margin">
             <div class='news_top'>
                 <div class='news_news_h1'>
                     <a href='news.php?news_id=<?php echo $row['id']; ?>'><?php echo $row['news']; ?></a>
                 </div>
             </div>
             <div class='news_message'>
                 <div class='news_message_margin'>
                     <?php echo $row['message']; ?>
                 </div>
             </div>
         </div>
         <?php
     }
 }
 echo "</div>";

CSS kode 

 .top {
     background: #202121;
     color: #ffffff;
     border-bottom: 1px solid #000;
     padding: 8px;
     border-top-left-radius: 0.5em;
     border-top-right-radius: 0.5em;
     -webkit-border-top-left-radius: 0.5em;
     -webkit-border-top-right-radius: 0.5em;
     -moz-border-radius-topleft: 0.5em;
     -moz-border-radius-topright: 0.5em;
 }
 .info {
     background: #dcdbdc;
     color: #000000;
     border-top: 1px solid #fff;
     border-bottom: 1px solid #bbb;
     padding: 6px;
     font-size: 12px;
 }
 .news_margin {
     margin-left: 10px;
     margin-right: 10px;
     margin-top: 10px;
     width: 40%;
 }
 .news_top {
     background: #f5f5f5;
     padding: 0;
     padding-left: 10px;
     border-top-left-radius: 0.5em;
     border-top-right-radius: 0.5em;
     -webkit-border-top-left-radius: 0.5em;
     -webkit-border-top-right-radius: 0.5em;
     -moz-border-radius-topleft: 0.5em;
     -moz-border-radius-topright: 0.5em;
 }
 .news_news_h1 {
     font-size: 24px;
     font-weight: bold;
 }
 .news_message {
     background: #FFFFFF;
     padding-left: 10px;
     border-bottom-left-radius: 0.5em;
     border-bottom-right-radius: 0.5em;
     -webkit-border-bottom-left-radius: 0.5em;
     -webkit-border-bottom-right-radius: 0.5em;
     -moz-border-radius-bottomleft: 0.5em;
     -moz-border-radius-bottomright: 0.5em;
 }
 .news_message_margin {
     padding-top: 10px;
     padding-bottom: 10px;
 }