Картинка и текст в блоке div

@Figa · Регистрация: 01.06.2018

Author24 — интернет-сервис помощи студентам

Подскажите пож. новичку. Мне нужно сделать небольшой блок внутри которого будет картинка слева и справа от нее текст.
я правильно понимаю? нужно создать блок div и внутрь него вставить div поменьше с выравниванием справа.В большой блок вставить картинку, а текс писать в меньшем блоке?

@Freeze_Breeze · 05.06.2018, 20:53

Figa, Достаточно обернуть три блока в один в каждому дочернему элементу задать display: inline-block;

HTML5

<div class="wrapper">
        <div class="left">
            <span>Lorem ipsum dolor.</span>
        </div>
        <div class="center">
            <img src="img/anonymous.png" alt="anonymous">
        </div>
        <div class="right">
            <span>Lorem ipsum dolor.</span>
        </div>
    </div>

CSS

.wrapper {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
}
 
.left,
.right,
.center {
    display: inline-block;
    margin-top: 50px;
}
 
.center img {
    width: 300px;
}

@Figa 0 / 0 / 0 Регистрация: 01.06.2018 Сообщений: 5
		1
	Картинка и текст в блоке div 05.06.2018, 18:05. Показов 20640. Ответов 1 Метки нет (Все метки) Подскажите пож. новичку. Мне нужно сделать небольшой блок внутри которого будет картинка слева и справа от нее текст. я правильно понимаю? нужно создать блок div и внутрь него вставить div поменьше с выравниванием справа.В большой блок вставить картинку, а текс писать в меньшем блоке? 0

	05.06.2018, 20:53

Картинка и текст в блоке div

Решение