Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Помогите с CSS. Надо < p> сделать чтобы был вверху <i mg >.
Артём Муниров
(198),
на голосовании
2 месяца назад
Дополнен 3 месяца назад
HTML:
<div class="block-icon">
<h2>Ваш аккаунт:</h2>
<img class="img-icon" src="https://avatars.mds.yandex.net/i?id=a12c405d1e9c8997d11da50a6f806ca3d951802a-6969813-images-thumbs&n=13">
<p class="name-icon">Имя: </p>
</div>
CSS:
.img-icon {
border-radius: 10px;
width: 100px;
margin-top: 50px;
display: inline-block;
}
.name-icon {
display: inline-block;
}
.block-icon {
align-items: start;
}
<div class="block-icon">
<h2>Ваш аккаунт:</h2>
<img class="img-icon" src="https://avatars.mds.yandex.net/i?id=a12c405d1e9c8997d11da50a6f806ca3d951802a-6969813-images-thumbs&n=13">
<p class="name-icon">Имя: </p>
</div>
CSS:
.img-icon {
border-radius: 10px;
width: 100px;
margin-top: 50px;
display: inline-block;
}
.name-icon {
display: inline-block;
}
.block-icon {
align-items: start;
}
Дополнен 3 месяца назад
Надо чтобы элемент <p> был в верхней части картинки слева
Голосование за лучший ответ
Адмиральский Кетчуп
(2935)
3 месяца назад
CSS в решении данного простого вопроса излишен.
Перетащи P над IMG в HTML. Ущё убери display: inline-block; в двух местах.
Перетащи P над IMG в HTML. Ущё убери display: inline-block; в двух местах.
Артём МунировУченик (198)
3 месяца назад
и оно переносится направо
Адмиральский Кетчуп
Гуру
(2935)
Артём Муниров, Убери display: inline-block; в CSS
Sergio 2.1
(67256)
3 месяца назад
.block-icon {
position: relative;
}
.img-icon {
border-radius: 10px;
width: 100px;
margin-top: 50px;
display: block;
}
.name-icon {
position: absolute;
top: 50px;
left: 0;
margin: 0;
} 
Похожие вопросы