Necesito centrar un bloque de texto alineado a la izquierda dentro de un div, pero necesito que el ancho visual del bloque de texto no se centre en el bloque mismo.¿Cómo puedo centrar el texto alineado a la izquierda incluso cuando se ajusta?
En muchos casos, esto puede ser lo mismo, pero piense en un caso donde el div es bastante estrecho (piense en anchos móviles) y el texto es demasiado largo para caber en una línea, por lo que debe desbordarse.
En los ejemplos a continuación, estoy mostrando el bloque de texto como azul claro para ilustrar, pero en la práctica serán del mismo color que el div principal (blanco). Tampoco hay saltos de línea en ningún texto utilizado.
En el 1a, el texto es sólo una línea y es más pequeña que la anchura máxima del bloque de texto, para que pueda establecer el bloque de texto a la anchura del texto y allí isn no es un problema
En 2a Sin embargo, el texto es más largo que el ancho máximo y se ajusta a la siguiente línea. El efecto de esto es que el bloque de texto visible ya no aparece centrado.
¿Cómo puedo mostrar estas dos situaciones como 1b y 2b solamente el uso de HTML y CSS?
Edit 1: Parece que todo el mundo me está diciendo cómo lograr la situación en 1a y 2a, pero ya lo tengo. Quiero lograr la situación en 1b y 2b.
Edit 2: El código que estoy usando es esencialmente el mismo que David dio en su enlace (http://jsfiddle.net/davidThomas/28aef/). Sin embargo, el uso de un color para el área de texto es solo para ilustrar este punto. Si pasa a blanco (http://jsfiddle.net/28aef/2/) se puede ver cómo el bloque de texto ya no se parece centrado (es decir, márgenes izquierdo y derecho no son iguales)
Entonces ... ¿texto alineado a la izquierda dentro de un contenedor centrado? Esto puede ser difícil con * just * html y css, dado que parece querer que el texto se centre verticalmente también. –
@DavidThomas: si conoce una forma sencilla de hacer esto en JS, lo consideraría una opción de copia de seguridad, pero me gustaría evitarlo si es posible. – JohnGB
¿Con qué html estás trabajando? –