Здравствуйте, Я - новичок и мне нужна не большая помощь. У меня картинка вначале страницы и на ней выводится тоже картинка пользователя и его ник. Так же мне нужно что бы при разных разрешениях картинка и текст не меняли своё положение и поэтому я использую text-align: justify ,но выровнять top: left: не получается ! Допустим я хочу что бы текст был левее от картинки и так же хочу, что бы он был выше. Код:
<style>
#banner {
background-image: url(../img/slides/slide.png);
background-position: center center;
background-size: cover;
color: #ffffff;
padding: 12em 5em 0em;
text-align: justify;
text-align: right;
}
#banner img {
height: 200px;
width: 200px;
border-radius: 60%;
}
#banner p {
font-size: 1.5em;
}
</style>
<body>
<div>
<div id="banner">
<div class="container">
<p><?= $_SESSION['user']['login'] ?></p>
<img style="" src="/img/avatars/<?= $_SESSION['user']['avatar'] ?>">
</div>
</div>
</div>
</body>
