Как зафиксировать элементы на экране с правой части?

Question

[Swish123]

У меня появилась желание сделать header для моего сайта, и я не могу зафиксировать элементы с правой стороны так чтоб они при изменении разрешения не двигались влево.
Весь мой код

<div class="header-container">
        <div class="logotipe-container">
            <img class="logo" src="/image/favicon.png">
            <h3 class="logo-text">logo-text</h3>
        </div>
        <div class="fast-a">
            <a href="/index.html">Main</a>
            <a href="/download.html">Download</a>
            <a href="/credits.html">About</a>
        </div>
    </div>

.fast-a {
    background-color: cadetblue;
    width: 520;
    height: 35;
}

За ответ заранее благодарю!

Comments

[Ankhena]

1. Флексами (flex-direction или justify-content или margin-left: auto или....).
2. Абсолютами.

Первое лучше, чем второе, но нам не видно макета и что именно вы имеете в виду под зафиксировать.
А в вашем коде не видно даже намека на попытки про которые вы пишете, что они не получились.

[Максим]

Да и в css: width и height в каких единицах ? Метр, километр, пиксель, относительно ширины или умловный размер по содержимому ?

Answer 1

[Queen2]

Не до конца вас понял но один из вариантов должен помочь
1,

.header-container {
   display: flex;
   justify content: space-between;
}

2.

.header-container {
   display: flex;
   justify content: end;
}