A veces, los alineamientos pueden crear efectos raros y puede ser necesario “limpiar”.
Para conseguir el salto limpio, hay que añadir la clase “clearfix” en la sección “Avanzado” → “Clase(s) CSS adicional(es)” de la barra lateral del bloque donde queramos crear el salto limpio.
En algunos casos, es ser necesario crear primero un grupo y luego añadir la clase al grupo. Para ello, hay que seleccionar los bloques (en este caso superior, la imágen y el párrafo) y transformarlo en un grupo.
Importante: El resultado de aplicar “clearfix” no se ve en el editor. Para ver su efecto, tenéis que hacer “vista previa” o guardar los cambios y ver la entrada en vivo.
Ejemplo:
Billy: Morbi interdum leo ultrices nisi posuere interdum. Donec sit amet ligula sed orci tristique aliquam.
Washu: Nam a viverra eros, vitae hendrerit magna. Nullam vel odio elit. Nullam facilisis at augue eu malesuada. Vestibulum ac porta neque.
Seleccionamos la primera imagen y el primer párrafo juntos y saldrá este icono:
A este grupo le añadimos la clase “clearfix” y obtenemos esto:
Billy: Morbi interdum leo ultrices nisi posuere interdum. Donec sit amet ligula sed orci tristique aliquam.
Washu: Nam a viverra eros, vitae hendrerit magna. Nullam vel odio elit. Nullam facilisis at augue eu malesuada. Vestibulum ac porta neque.