Ho il codice come sotto. Invece di avere la scatola allungare tutta la strada a destra come faccio a farlo solo fino a quando deve essere?Come posso impostare il bordo per essere lungo quanto deve essere?
<html><body>
<pre style="{border-style:solid;}">A Sentence</pre>
</body></html>
si potrebbe usare
<pre style="display: inline; border-style: solid">
(il {} non appartengono nel blocco stile dal way)
Ciò renderebbe l'elemento come un oggetto inline che non occupa più la larghezza completa, ma scorre come il testo normale. Tuttavia, in questo modo, il prossimo elemento successivo verrà visualizzato accanto allo pre e potrebbe essere necessario aggiungere le interruzioni di riga <br>.
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
L'utilizzo di un elemento interno sarebbe un approccio semplice:
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
posizionamento dell'elemento dovrebbe aiutare
<html><body>
<pre style="border-style:solid; position:absolute;">A Sentence</pre>
</body></html>
in questo caso si potrebbe rendere display: inline;