Как добавлять текст под изображением HTML/CSS?

Я хочу поместить Id = "кнопка" под изображением, которое более наверху, но он размещает это мне рядом. Как я могу делать это?

<div  id="lube" >
  <img style="width:500px;" src="Img/Lubricante.jpg" align="left";>
</div>
<div>
  <button id="boton" type="button">Lista de Lubricantes en baldes</button>
</div>
1
задан 13.04.2016, 18:01
2 ответа

Быстрое решение: удали align="left". Этот признак - тот, который способствует тому, чтобы изображение плавало к левой стороне, и тому, чтобы кнопка появилась в Вашу правую сторону. Код с изменением (он нажимает на "Полной странице", чтобы это видеть):

<div  id="lube" >
  <img style="width:500px;" src="http://lorempixel.com/500/200">
</div>
<div>
  <button id="boton" type="button">Lista de Lubricantes en baldes</button>
</div>

Другой хороший мотив удалять этот признак состоит в том, что начиная с HTML5 он считается устаревшим и был отвергнут стандарта; возможно, что оно продолжает функционировать, но это не правильное (ты был бы должен использовать CSS и свойство float:left в Вашем месте).

5
ответ дан 24.11.2019, 14:36

Что больше, это просто, смотри этот cГіdigo и попытайся ты сами, я не вижу, что ты не попросил ни стилей ни ничего из-за стиля, это проверяет

<div>
  <img src="https://rohitashv.files.wordpress.com/2013/06/kodingen.jpg" >
  <br>
  <button>
    Boton debajo
  </button>
</div>
0
ответ дан 24.11.2019, 14:36
  • 1
    Привет Педро, вместо того, чтобы оставлять c и # 243; я говорю в ссылке во внешнюю услугу, что ты можешь оставлять это ac и # 225; сам как code snippet (я раскалываю на части HTML / язык сценариев JavaScript / CSS) – Carlos Muñoz 13.04.2016, 19:35
  • 2
    Я это буду иметь в виду @CarlosMu и # 241; oz, спасибо за рекомендацию – Pedro Miguel Pimienta Morales 14.04.2016, 02:27