Как поместить пробел между изображением и таблицей в HTML, когда изображение выровнено по левому краю? - PullRequest
Новая
       18

Как поместить пробел между изображением и таблицей в HTML, когда изображение выровнено по левому краю?

0 голосов
/ 06 марта 2011

Я хочу поставить пробел между моей картинкой и столом, но не знаю, как.

Вот мой код .. 

<img src="images/hotel_gracia.jpg" width="200" height="150" align="left"/>
<table class="hotel">
<tr>
<th>Room with Breakfast (P.P)</th>
<th>Superior</th>
<th>Economy</th>
</tr>
<td>12th April-16th April & 5th October-23rd October 2011</td>
<td>42 Euros</td>
<td>37 Euros</td>
</tr>
<tr>
<td>26th April-1st June 2011 </td>
<td>50 Euros</td>
<td>42 Euros</td>
</tr>
<tr>
<td>6th Apr-11th Apr, 17th Apr-25th Apr
2nd Jun-17th Jul & 12th Sept-4th Oct 2011
</td>
<td>55 Euros</td>
<td>45 Euros</td>
</tr>
<td>18th July-11th September 2011</td>
<td>59 Euros</td>
<td>50 Euros</td>
</tr>
</table>

В настоящее время таблица находится прямо рядом с рисунком, я хотел бы немного места между ними.

Я использовал "nbsp;" раньше, но не уверен, куда я это положил.

Ответы [ 4 ]

0 голосов
/ 01 апреля 2013

Просто измените свой встроенный стиль тега. измените его, как показано ниже. 

<img style="margin-right:10px; border:6px double #545565";
0 голосов
/ 06 марта 2011

Разделяйте настройки нескольких стилей точкой с запятой: 

<img style="margin-right:10px; border: 6px double #545565" 
src="images/hotel_idania.jpg" width="200" height="150" align="left"/>

Хотя вы, вероятно, хотите margin-bottom вместо margin-right, потому что таблицы являются блочными элементами и не будут отображаться в той же строке, что и ваше изображение по умолчанию.

0 голосов
/ 06 марта 2011 
<img style="margin-right:10px; border:6px double #545565"
    src = "images/hotel_idania.jpg" width="200" height="150" align="left"/>
0 голосов
/ 06 марта 2011

Вы должны узнать о блочной модели CSS:

<img style="margin-right:20px"

Примечание: большинство из них порекомендует класс CSS для сохранения стилей.

...