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

Выровняем элемент по правому краю:

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

:

Дан див внутри некоторого родителя:

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

Преобразуйте див-потомок в строчно-блочный элемент, затем выровняйте его по правому краю родителя.

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

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

Дана ссылка внутри некоторого родителя:

`<div class="parent"> <a href="" class="child">text</a> </div>` `.parent { padding: 10px 0; border: 1px solid red; } .child { width: 100px; padding: 10px; border: 1px solid green; }`

Преобразуйте ссылку в строчно-блочный элемент, затем выровняйте его по правому краю родителя.

Модифицируйте предыдущую задачу так, чтобы текст внутри ссылки выл выровнен по центру этой ссылки.

← →
↑