Заголовок / Заголовок

Question

Я приложил пример того, чего я пытаюсь достичь с помощью html / css (если вы не видите изображение, это: имя и фамилия, тогда вторая строка - описание работы).Я хотел бы, чтобы весь текст (обе строки) был принудительно выровнен (слева и справа) внутри div, но я не уверен, возможно ли это.Я попробовал несколько вещей без успеха.Я бы предпочел не использовать изображение, поэтому любая идея будет принята с благодарностью.

Answer 1

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

Кроме того, он работает только с абзацами текста, а не с одиночными строками.

Вы можете попробовать настроить интервал между буквами CSS, чтобы получить нужный эффект.

Answer 2

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

Выравнивание текста: выровнено для другой цели, оно предназначено для абзацев (или длинных блоков текста). Если у вас недостаточно текста, чтобы добраться до конца строки, это не сработает.

Answer 3

Использование text-align-last: justify:

.justified {
    text-align: justify;
    text-align-last: justify;
}
.justified:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
}

http://jsfiddle.net/gilly3/En4wt/

источник