Как сделать перенос категорий на новую строку?

[Yana_N]

Подскажите, пожалуйста, как перенести изображения на новую строку?
выглядит вот так:

<div class="view view-tehnocheskie view-id-tehnocheskie view-display-id-block_5 view-dom-id-6095ff9c9da27cbe245515e76fead5a2">
      <div class="view-content">
      <table class="views-view-grid cols-4">  
  <tbody>
          <tr class="row-1 row-first row-last">
                  <td class="col-1 col-first dverikat">
              
 <div class="views-field views-field-field-model">        <div class="field-content">Дверь в комнату хранения оружия</div>  </div>  
  <div class="views-field views-field-field-image">        <div class="field-content"><a href="/dver-v-komnatu-hraneniya-oruzhiya"><img typeof="foaf:Image" src="http://www.techprofdoor.ru/sites/default/files/styles/150x254/public/techno.png?itok=3Z3hi5PC" width="150" height="254" alt="Дверь в КХО 1" title="Дверь в КХО 1"></a></div>  </div> 

  <div class="views-field views-field-view-node">        <span class="field-content"><a href="/dver-v-komnatu-hraneniya-oruzhiya">подробнее</a></span>  </div>          </td>
                  <td class="col-2 dverikat">
[COLOR="Red"][B]ВОТ ТУТ НУЖЕН ПЕРЕНОС!!!!![/B][/COLOR]
 <div class="views-field views-field-field-model">        <div class="field-content">Дверь в комнату хранения оружия</div>  </div>  
  <div class="views-field views-field-field-image">        <div class="field-content"><a href="/dver-v-komnatu-hraneniya-oruzhiya"><img typeof="foaf:Image" src="http://www.techprofdoor.ru/sites/default/files/styles/150x254/public/techno.png?itok=3Z3hi5PC" width="150" height="254" alt="Дверь в КХО 1" title="Дверь в КХО 1"></a></div>  </div> 

  <div class="views-field views-field-view-node">        <span class="field-content"><a href="/dver-v-komnatu-hraneniya-oruzhiya">подробнее</a></span>  </div>          </td>
                  <td class="col-2 dverikat">

Это один блок! Всего шесть и все в ряд!!!((( Как разделить хотя бы по три???

[Вадим Мошев]

Вообще, я бы советовал убрать таблицу, если только вам не требуется выводить табличные данные.

Вот один из способов.

<img src="ссылка/на/изображение.jpg" alt="" class="blockImage">
<img src="ссылка/на/изображение.jpg" alt="" class="blockImage">
<img src="ссылка/на/изображение.jpg" alt="" class="blockImage">
<img src="ссылка/на/изображение.jpg" alt="" class="blockImage">
<img src="ссылка/на/изображение.jpg" alt="" class="blockImage">
<img src="ссылка/на/изображение.jpg" alt="" class="blockImage">

Где в CSS написать

.blockImage {
	float: left;
	margin: 0 0 10px 10px; /*например так*/
	width: 100px; /*например так*/
	height: 100px; /*например так*/
}

.blockImage:first-child {
	margin-left: 0;
}

Как это будет работать, зависит от того, какая у вас задана ширина для враппера этих изображений. Кроме того, я обозначил регулируемые параметры - отступы и размеры.

[Yana_N]

Спасибо, но нужно именно так, как есть, только в два ряда!(

[Yana_N]

Сделала проще, разделила на две таблицы и перенесла br)))