encontre solución a esto, es imaginativa.
Cuando no sabes el tamaño del texto que quieres colocar en el html y no quieres que te distorcione tu diseño en html
se puede colocar un input con el tamaño que se requiera, lo unico que hay que hacer es darle un style
Código HTML:
border: 0px solid;
width: 340px;
y el value, sera el texto que no queremos que se pase de cierto limite y listo, lo malo es que el texto se puede editar
pero se pueden hacer mas cosas probando el disabled, configurando eventos en javascript y otras cosas creativas