Cómo puedo hacer para que el HTML realice automáticamente los saltos de línea si no cabe en el "div".
Ahora tengo este código, pero puse los "br", pero dependiendo del tamaño de la pantalla el texto parece en columna o no:
<h1 style="text-align:center; font-family: 'Ubuntu', sans-serif;" class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
<p class="mb-3 f4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
{{ user.bio }}
</p>
<h3 style="text-align:left; font-family: 'Ubuntu', sans-serif; color: white;">
Ejemplo de texto, que sobrepasa la columna hacia la derecha <br>Ejemplo de texto, que sobrepasa la column <br>Ejemplo de texto que no sobrepasa
</h3>
</div>
Cuando escribo un texto con "h3" para que parezca en una columna, en vez de mantenerse en columna se va ampliando por toda la pantalla en el sentido de que sobrepasa la columna como si no existiese, pero necesito que se mantenga como una columna. El texto está en un simple "div".
Alguien sabe cómo hacerlo?
.clase h3{...atributos}
que determinan el comportamiento que te molesta. Se necesita ver un código más completo para poder ayudarte