Como colocar o máximo de texto na tela de celular com 7 cm de largura?

[Frank K Hosaka]

Eu fiz um código, estipulando 35 caracteres como o máximo que dá para colocar em 7 cm na tela do celular, mas ficou um horror:

astudy/Model/funcoes.php

<meta name="viewport" content="width=device-width">
<?php
class funcoes {
    public function ajustarTexto($texto){
        if(strlen($texto)>35){
            return substr($texto,0,32)."...";}
        else {return $texto;}}
}
$funcoes=new funcoes();
echo "<br>".$funcoes->ajustarTexto("Descontinuar Abraçadeira Fluorescente");
echo "<br>".$funcoes->ajustarTexto("Descontinuar Acabamento Registro de Pressão");

Existe algum jeito de fazer os dois textos terminarem exatamente no canto direito do celular?

[wash]

Se puder fixar a largura do container do texto, talvez seja possível resolver com text-overflow:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/text-overflow

https://codepen.io/washalbano/pen/xxMrPLL?editors=1100

[wash]

O sr. acompanhou a doc?
text-overflow não funciona sozinho.
É necessário setar pelo menos outras duas regras css.

[Frank K Hosaka]

Valeu. Não consegui fazer funcionar as elipsis, mas o CSS do cálculo é bom demais!

<style>p {width:calc(8cm - 8px);white-space: nowrap;overflow:hidden}</style>

Pensei em usar a propriedade text-overflow, mas ele não funcionou. A função calc só funciona se você colocar espaço antes e depois do operador -.