Кто может помочь с кодом?! (срочно)(HTML)
Кто может помочь с кодом, как сделать страницу, чтобы по середине был текст, а по 2м сторонам от него 2 картинки!? Помогите, пожалуйста)
Ответы (2 шт):
Автор решения: Роман Мереняну-Ени
→ Ссылка
<div>
<div >
<span>Первое предложение</span>
<span>Второе предложение</span>
</div >
<div>
<div>Первая картинка</div>
<div>
<ul>
<li>Звук--</li>
<li>Звук--</li>
<li>Звук--</li>
</ul>
</div>
<div>Вторая картинка</div>
</div>
</div>
Автор решения: Алексей
→ Ссылка
Как то так.
.content{
background-color:green;
padding-top:20px;
}
h4,
.list{
text-align:center;
}
.box{
display:flex;
justify-content:space-between;
}
ul{
padding: 0;
margin: 0 auto;
width: 60px;
}
<div class="content">
<h4>Выберите звуки чтобы продолжить</h4>
<div class="box">
<div><img src="https://i.pinimg.com/originals/68/bf/36/68bf36401bb9a56d05e92633a32dd989.png"></div>
<div class="list">
<ul>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
<li>Звук М</li>
</ul>
</div>
<div><img src="https://i.pinimg.com/originals/68/bf/36/68bf36401bb9a56d05e92633a32dd989.png"></div>
</div>
</div>