Текст в перемешку как исправить?

Question

[RushV]

Добрый день!
Написал код для тега "р"

.block-2 p{
	position: absolute;
	color: #000;
	z-index: 1;
	padding-top: 80px;
	padding-left: 40px;
    padding-right: 40px;
	width: 100%;
}

Теперь тест стал в перешку

Answer 1

[Максим]

absolute убрать и позиционировать другим сособом

Comments

[RushV]

У меня в фоне присутствует вот это код:
.block-2:after {
content: '';
position: absolute;
width: 0; height: 0;
border-top: 420px solid #68B8AE;
border-bottom: 0px solid;
border-right: 420px solid transparent;
margin-top: -1px;
}
есть другой способ создать треугольник?

[Максим]

RushV: но не для тега Р, можно по другому

[RushV]

а какой код для тега "р" нужно написать?

[Максим]

RushV: почему для <p></p> ? обернуть его в блок и тому уже писать что угодно но не для тега

[Максим]

RushV: codepen.io/Geyan/pen/ryGZgw?editors=110 вот смотри

[RushV]

А можно сделать треугольники адаптивными?

[Максим]

RushV: проверь ссылку ещё раз - переделал

[RushV]

А зачем вот этот код;
.clear,.clear:after,.clear:before{
content:"";display:block; clear:both;

[RushV]

?

[Максим]

RushV: это при float используют точнее очищают плавание а точнее схлопывание блока

[RushV]

Спасибо большое выручили)!