格徘徊其他分区

问题： Div newline is hovering div gallery-preview 格徘徊其他分区

我试图让gallerys预览和取得DIV与表。 图库预览 div是内联的，与其他人排成一行。如何使换行 div在底部画廊预览 divs行吗？为什么换行徘徊gallery-preview？

我的HTML：

 <div class="content"> 
     <h1 class="title">New Photosets</h1> 
     <div class="gallery-preview"> 
      <table> 
       <tr> 
        <td> 
         <img src="image.png" class="gallery-preview-big-image" /> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <img src="image.png" class="gallery-preview-small-image" /> 
         <img src="image.png" class="gallery-preview-small-image" /> 
         <img src="image.png" class="gallery-preview-small-image" /> 
        </td> 
       </tr> 
      </table> 
     </div> 
     <div class="newline"></div>

我的CSS：

.newline{ 
    width: 300px; 
    height: 300px; 
    border: 1px solid black; 
} 
/* --------------- */ 
/* Content Gallery */ 

.gallery-preview{ 
    padding-right: 1%; 
    display: inline; 
    float: left; 
} 
.gallery-preview-big-image{ 
    width: 166px; 
    height: 166px; 
    padding-bottom: 10px; 
} 
.gallery-preview-small-image{ 
    width: 50px; 
    height: 50px; 
    padding-right: 4px; 
    display: inline; 
} 

/* --------- */

来源

2016-07-07 Цунский Никита