如何使用CSS对齐倾斜div中的文本？

Question

如何使用倾斜div将文本与带有脚本的图像对齐。 以下是我的代码工作

请帮忙。

	body {
    margin:50px;
    min-width:400px;
    background:white;
}

div {
    border-bottom: 180px solid rgb(233, 233, 65);
    border-left: 50px solid transparent;
    height: 0;
    margin-top: 60px;
/*    transform: rotate(0deg);
  transform:rotate(3deg);
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);*/
}
div p {
   
    color:#000;
    font-size: 14px;
}

div p span{
    /*transform:skew(1deg);*/
   

}

<div><p>Lorem ipsum dolcing elit. Sed ullamcorper mattis risus cursus lobortis. Etiam in erat erat. Morbi venenatis quam enim, elementum bibendum elit sollicitudin mollis. Integer rutrum orci sed cursus cons risus cursus lobortis. Etiam in erat erat. Morbi venenatis quam enim, elementum bibendum elit sollicitudin mollis. Integer rutrum orci sed cursus cons risus cursus lobortis. Etiam in erat erat. Morbi venenatis quam enim, elementum bibendum elit sollicitudin mollis. Integer rutrum orci sed cursus cons risus cursus lobortis. Etiam in erat erat. Morbi venenatis quam enim, elementum bibendum elit sollicitudin mollis. Integer rutrum orci sed cursus cons risus cursus lobortis. Etiam in erat erat. Morbi venenatis quam enim, elementum bibendu cursus cons risus cursus lobortis. Etiam in erat erat. Morbi venenatis quam enim, elementum bibendum elit sollicitudin mollis. Integer rutrum orci sed cursus consectetur. Aliquam vitae consequat augue. Suspendisse pharetra sit amet lacus eget semper. Sed condimentum suscipit faucibus.</p></div>