Tenho uma DIV localizada ao centro da tela, com posição absoluta. Pretendo colocar um texto no meio dela, que caso ele seja maior do que a div, ultrapasse seus limites da direita e da esquerda, assim como na foto acima. É possível fazer isso? Irei fazer a substituição de um texto por outro sempre, então não posso simplesmente definir manualmente uma margin-left, por exemplo.
<div class="pai">
<p>Texto aqui para ultrapassar a div</p>
</div>
.pai{
position: absolute;
margin: auto;
text-align: center;
height: 100px;
width: 100px;
}