Задать вопрос
@MonsterAndrew

Как опустить одно слово ниже строчки?

Добрый день. Как сделать так, чтобы слово "in" было ниже "Work" на одну строчку, а "minimalism" ниже "in" также на одну строчку? Т.е. такая лестница из слов. Код:
<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>

5ad4b5f9c154d230221909.png
  • Вопрос задан
  • 108 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега Вёрстка
Creative frontend developer
чтобы слово "in" было ниже "Work" на одну строчку, а "minimalism" ниже "in" также на одну строчку?

.in {
    vertical-align: -1em;
}

.minimal {
    vertical-align: -2em;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
KorniloFF
@KorniloFF
Работаю по font-end / JS
<style>
	.in {
		position: relative;
		top: 1em;
	}
	.minimal {
		position: relative;
		top: 2em;
	}
</style>

<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы