Как поставить стрелку справа?

Question

[Qairat]

Всем Привет!
Сделал на svg стрелку. Теперь не могу поставить его справа.


А вот код:

<h2>КАЗАХСТАН
                        <div style="float: right;">
                            <img style="height: 40px;" src="/public/images/icons/qwe.svg">
                        </div>
 </h2>

Как сделать?

Answer 1

[drtvader]

Зачем в h2?
Вынеси оттуда.

Answer 2

[Mike]

Не пойму что у вас выделено. div или img? Попробуйте так.

h2 {
    display: flex;
    justify-content: space-between;
}
div {
    display: flex;
    justify-content: flex-end;
}

Comments

[Qairat]

нет не получилось

[Mike]

Qairat Batyrbayev: Выложите на jsfiddle.net

Answer 3

[aliasst]

<img style="float:right" src="/public/images/icons/qwe.svg">
<h2>КАЗАХСТАН</H2>

Comments

[Qairat]

он по идее принял направо, но не до конца идет.

Answer 4

[Егор Живагин]

Что нужно-то? В каком именно месте должна быть стрелка?

Comments

[Qairat]

Должен справа на краю встать

[Егор Живагин]

Qairat Batyrbayev: можно так сделать:
В html убрать div вообще, оставить заголовок и картинку
CSS
.h2 { position: relative; }
.h2 img { position: absolute;
right: 0px;
top: 0px;
}

Или ничего не убирать и:
CSS
div {
display: inline;
text-align: right;
}

А если бы выложили проблему на codepen.io/pen , вам помогли бы лучше и быстрее