Tengo un código como el siguiente. En lugar de hacer que la caja se estire completamente hacia la derecha, ¿cómo puedo hacerla solo el tiempo necesario?¿Cómo configuro el borde para que sea el tiempo necesario?
<html><body>
<pre style="{border-style:solid;}">A Sentence</pre>
</body></html>
usted podría utilizar
<pre style="display: inline; border-style: solid">
(el {} no pertenecen en el bloque por el estilo manera)
Eso representaría el elemento como un objeto en línea que ya no ocupa todo el ancho, pero fluye como el texto normal. Sin embargo, de esta manera, el próximo elemento siguiente seguirá al lado del pre, y es posible que deba agregar <br> saltos de línea.
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
El uso de un elemento interior sería un enfoque simple:
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
posicionamiento del elemento debe ayudar
<html><body>
<pre style="border-style:solid; position:absolute;">A Sentence</pre>
</body></html>
en este caso, usted podría hacerlo display: inline;