Align text horizontally with a div on the diagonal

0

Hello everyone, I need a help to leave the text aligned to a pie div without distorting the text. (Same in the image) I need something in css or css3 if possible.

    
asked by anonymous 16.05.2016 / 17:10

1 answer

0

See if it helps.

#trap {
    position:absolute;
    z-index -1;
    float:left;
    margin-left:40px;
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-right: 40px solid transparent;
}
<div id="trap"></div>
<div style="float:left;clear:left;height:15px;width:84px"></div><div style="float:left;clear:left;height:15px;width:77px"></div><div style="float:left;clear:left;height:15px;width:70px"></div><div style="float:left;clear:left;height:15px;width:63px"></div><div style="float:left;clear:left;height:15px;width:56px"></div><div style="float:left;clear:left;height:15px;width:49px"></div><div style="float:left;clear:left;height:15px;width:42px"></div><div style="float:left;clear:left;height:15px;width:35px"></div><div style="float:left;clear:left;height:15px;width:28px"></div><div style="float:left;clear:left;height:15px;width:21px"></div><div style="float:left;clear:left;height:15px;width:14px"></div><div style="float:left;clear:left;height:15px;width:7px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div><div style="float:left;clear:left;height:15px;width:0px"></div>
<p>
jhfjkshdfkjdshfkjhsjfhk<br/>
jksdfjkdsjf<br/>
çsjdfçlsjdf<br/>
çklsjdfçjs<br/>
çlsjdfçlj</p>

Take a look: ese and this

    
20.05.2016 / 22:58