diff --git a/css/text-align-last/demos/text-align-last/index.html b/css/text-align-last/demos/text-align-last/index.html new file mode 100644 index 0000000000..9aecff8af6 --- /dev/null +++ b/css/text-align-last/demos/text-align-last/index.html @@ -0,0 +1,157 @@ + + + + + Пример значений — text-align-last — Дока + + + + + + + + + + +
+

text-align-last

+
+ left +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ right +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ center +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ justify +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ start +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ end +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ + + diff --git a/css/text-align-last/index.md b/css/text-align-last/index.md new file mode 100644 index 0000000000..936f125841 --- /dev/null +++ b/css/text-align-last/index.md @@ -0,0 +1,36 @@ +--- +title: "`text-align-last`" +description: "Как сделать финальный аккорд стильным? Управляем выравниванием последней строки." +authors: + - mbelinskaya +related: + - css/top-left-right-bottom + - css/text-indent + - css/text-justify +tags: + - doka +--- + +## Кратко + +`text-align-last` управляет выравниванием последней строки в блоке. Также работает для строк, которые заканчиваются принудительным переносом строки (например, перед тегом [`
`](/html/br/)). + +Если это свойство не задано, то выравнивание определяется правилами текущего языка (значение атрибута `lang` у тега [``](/html/html/)), либо значением свойства `direction` (`ltr` — слева направо, `rtl` — справа налево). + +## Как пишется + +- `auto` — выравнивание, как и для остальных строк, кроме случая со значением `justify`, тогда строка будет выравниваться по тому краю, по которому принято в текущем языке (значение по умолчанию). +- `start` — в ту же сторону, что и весь остальной текст. +- `end` — в противоположную сторону от остального текста. +- `left` — по левому краю. +- `right` — по правому краю. +- `center` — по центру. +- `justify` — по ширине, чтобы заполнить всё пространство. + + + +## Подсказки + +💡 Не влияет на выравнивание остальных строк в блоке. Для этого используйте свойство [`text-align`](/css/text-align/). + +💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер `
` с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку последнего абзаца, используйте [`:last-child`](/css/child/) или [`:last-of-type`](/css/nth-of-type/). diff --git a/css/white-space/demos/every/index.html b/css/white-space/demos/every/index.html index b2416d164d..1a21ba1465 100644 --- a/css/white-space/demos/every/index.html +++ b/css/white-space/demos/every/index.html @@ -37,7 +37,7 @@ } h1 { - font-size: 26px; + font-size: 30px; font-weight: 500; text-align: right; } @@ -50,11 +50,12 @@ .option-title { margin-inline-end: 50px; + font-size: 18px; text-align: right; } h1, .option-title { - inline-size: 180px; + inline-size: 210px; } .option { diff --git a/people/mbelinskaya/index.md b/people/mbelinskaya/index.md new file mode 100644 index 0000000000..75ce8927dc --- /dev/null +++ b/people/mbelinskaya/index.md @@ -0,0 +1,6 @@ +--- +name: 'Мария Белинская' +url: https://github.com/MBelinskaya +badges: + - first-contribution-small +---