oxojeck
@oxojeck

Как выровнить подзаголовок по правому краю род. заголовка?

Вот заголовок. Как мне выровнить "Роман Майданчук" по правому краю первого заголовка? При этом надо чтобы первый заголовок выравнивался строго по левому краю (по вертикали с логотипом), а также чтобы можно было несложно применить media-запросы для отображения одинакового расположения заголовков на меньших экранах.
Код не нужен, нужны сами методы как это сделать.
  • Вопрос задан
  • 163 просмотра
Решения вопроса 1
AppFA
@AppFA
Frontend developer at Yandex
У header-text устанавливаешь стили:
.header-text {
    width: 471px;
    text-align: left;
}

у h3
.header-text h3 {
    text-align: right;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
gr1mm3r
@gr1mm3r
50% ответа в правильном вопросе. Остальное мануал.
<h3 style="text-align:left; margin-left:30px;">Роман Майданчук</h3>

Вносите правки в
.header-text h3{
...
text-align:left; 
margin-left:30px;
...
}
Ответ написан
kashamalasha
@kashamalasha
h1 {
    text-align: left;
}

h3 {
    text-align: right;
}

.parent-div {
    position: relative;
    ...
}

.logo-div {
    position: absolute;
    top: 10px;
    left: 0px;
    ...
}

.header-div {
    position: absolute;
    width: auto;
    bottom: 10px;
    left: 0px;
    ...
}
Ответ написан
Ваш ответ на вопрос

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

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