I'm having a hard time breaking text inside a button. I use materialize css but generally I have no idea how to put all the text I want inside a button, it always cuts the end of my titles and so on.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<c:when test="${p.parCodigoReg!=0}">
<a href="impressaoBoleto.do? codigoPar=${p.parCodigoReg}&parTipo=N&rel=boleto&portal=1"
target="blank"
class="waves-effect waves-light btn-large z-depth-4">
<i class="large material-icons left">cloud</i>
Imprimir Boleto de Mensalidade ParcelasRegulares
</a>
<span>
Próximo Vencimento: ${p.parVencimento}
</span>
</c:when>