Talk the guys! I have a div. Presentation, I applied borders to it to become a triangle. Beauty, but I want to put a text above, but with the modified edges of the presentation, it does not stay aligned. How can I improve this code? Thank you guys! :)
CODE:
.apresentacao {
width: 0px;
height: 0px;
border-right: 100px solid transparent;
border-top: 100px solid transparent;
border-left: 100px solid #f0ad4e;
border-bottom: 100px solid #f0ad4e;
}
<div class="apresentacao">
<div class="texto">
Aqui vem um texto qualquer
<br/>texotexto.
</div>
</div>