Как расположить 2 картинки в ряд в блоке хтмл

[Dimon S.]

Всем привет! Друзья, подскажите. Как в блоке html симплепортала расположить 2 кликабельные картинки в ряд.
Сейчас они идут одна под другой. А хотелось бы чтоб обе были рядом.

Код каждой картинки стоит такой

<div style="text-align:center"><a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ1" data-pin-nopin="true"></a><div>

<div style="text-align:center"><a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ2" data-pin-nopin="true"></a><div>

Что то торможу и не могу сообразить...

[kak2z]

стиль вот так сделать

Код Выделить Развернуть

style="text-align:center;float:left;"

[Dimon S.]

стиль вот так сделать

Код Выделить Развернуть

style="text-align:center;float:left;"

сделал. встали слева один на другим просто

[kak2z]

сделал. встали слева один на другим просто

посмотреть бы)) ну а само проще вот так наверно будет))

Код Выделить Развернуть

<div style="text-align:center">
      <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ1" data-pin-nopin="true"></a>
      <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ2" data-pin-nopin="true"></a>
<div>


[GeorG]

Для стилей div применить:

Код Выделить Развернуть

display: inline;
Или из блоков div убрать img, или заменить div на span.

[shans5]

 

Код Выделить Развернуть

<center> <table>
<tr>
<td>
 <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ1" data-pin-nopin="true"></a>
 </td>
<td>
 <a href="ССЫЛКА"><img style="max-width: 100%;" src="ССЫЛКА НА КАРТИНКУ2" data-pin-nopin="true"></a>
 </td>
</tr>
</table>
 
 </center>

[Dimon S.]

всем спасибо!

[Yarik]

Высоту,ширину и отступы между картинками в центре задайте сами свои.Это адаптивный блок,при уменьшении разрешения экрана одна картинка будет становиться под другую.

Код Выделить Развернуть

<style>
.blok{
       text-align: center;
       min-width: auto;
       height: auto;
}
.banner{
  display: -moz-inline-stack;
  width: 485px;
  height: 165px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
 </style>

 <div class='blok'>
 <div class='banner'>
код
</div>
<div class='banner'>
код
 </div>
 </div>

[Dimon S.]

Спасибо Всё получилось.