@thesirvlad

Как выровнять текст и картинку на экране?

Здравствуйте, Я - новичок и мне нужна не большая помощь. У меня картинка вначале страницы и на ней выводится тоже картинка пользователя и его ник. Так же мне нужно что бы при разных разрешениях картинка и текст не меняли своё положение и поэтому я использую 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>
  • Вопрос задан
  • 138 просмотров
Решения вопроса 1
@thesirvlad Автор вопроса
Решил вопрос! Нужно задать тегу p postition:relative и после этого top и left,right оживает.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы