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

Question

[Jack OXO]

Вот заголовок. Как мне выровнить "Роман Майданчук" по правому краю первого заголовка? При этом надо чтобы первый заголовок выравнивался строго по левому краю (по вертикали с логотипом), а также чтобы можно было несложно применить media-запросы для отображения одинакового расположения заголовков на меньших экранах.
Код не нужен, нужны сами методы как это сделать.

Answer 1

[Евгений]

У header-text устанавливаешь стили:

.header-text {
    width: 471px;
    text-align: left;
}

у h3

.header-text h3 {
    text-align: right;
}

Comments

[Jack OXO]

спасибо, забыл про такое легкое решение и media 2 запроса дописать и супер!

Answer 2

[Антон Нагаец]

<h3 style="text-align:left; margin-left:30px;">Роман Майданчук</h3>

Вносите правки в

.header-text h3{
...
text-align:left; 
margin-left:30px;
...
}

Comments

[Jack OXO]

и как так 30px у Вас получилось?

[Антон Нагаец]

Напрямую в браузере с FHD монитором.

Answer 3

[Алексей Уколов]

https://css-tricks.com/video-screencasts/140-explo...

Comments

[Jack OXO]

спасибо, но не то

Answer 4

[Дмитрий]

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;
    ...
}

Comments

[Jack OXO]

сложно и неадаптивно будет :(