Как создать блок с картинкой слева и текстом справа - в HTML? <div> это должен быть или <section>?

Иванов Семён
  · 494

вот образец:

приммер.png

Пожалуйста, пишите код CSS отдельно от HTML.

Автор вопроса считает этот ответ лучшим
Студия интернет-маркетинга  · ics-media.ru
Отвечает
Павел

Добрый день!

Вариантов может быть много, можно и div использовать.

Один из вариантов:

<html>

<style>

.one {

width: 1000px;

height: auto;

}

.two {

float: left;

width: 200px;

}

.three {

float: left;

width: 790px;

padding-left: 10px;

}

.img_class {

width: 200px;

height: 200px;

border: 1 px solid black;

}

</style>

<div class = "one">

<div class = "two">

<img src = "test.png" class = "img_class">

</div>

<div class = "three">

Text here

</div>

</div>

</html>

Спасибо,А как сделать чтобы над текстом внутри блока был заголовок посередине?

Комментировать ответ…
Студия интернет-маркетинга  · ics-media.ru
Отвечает
Павел

Если заголовок нужен по центру, то самое простое - взять блок с текстом и добавить в него заголовок с тегами <center> - на примере заголовка h1:

<div class = "three">

<center><h1>Заголовок</h1></center>

Text here

</div>

Комментировать ответ…
Вы знаете ответ на этот вопрос?
Поделитесь своим опытом и знаниями
Войти и ответить на вопрос