# Выравнивание строчных элементов по правому краю в CSS

А теперь давайте выровняем элементы по правому краю:

`<div class="parent"> <span class="child">text</span> </div>` `.parent { text-align: right; padding: 10px 0; border: 1px solid red; } .child { border: 1px solid green; }`

:

Дан некоторый див, а в нем ссылка:

`<div class="parent"> <a href="">ссылка</a> </div>` `.parent { padding: 10px 0; border: 1px solid red; }`

Поставьте эту ссылку по правому краю.

Модифицируйте предыдущую задачу так, чтобы ссылка не прижималась плотно к правому краю. Для этого родительскому элементу добавьте правый `padding`.

← →
↑