Emular la apariencia de los «fieldset»
Los fieldset son unas de mis etiquetas HTML favoritas por su apariencia, pero lamentablemente fue pensada exclusivamente para agrupar campos de un formulario. Esto no te detiene a usarlas a tu antojo, pero no se verá bien; es como sentarte en una mesa, no fue hecha para ello.
En la red hay un sinnúmero de alternativas que emulan este elemento, pero con las que me he topado suelen fallar en una cosa: flexibilidad. Estas se estropean cuando se necian las propiedades de legend, cuando el ancho del documento se reduce drásticamente o se vuelven un dolor de cabeza al intentar obtener su altura mediante JavaScript.
Siguiendo el hilo de la anterior entrada, quise intentarlo empleando contenedores flexibles, más la ayudita de la propiedad CSS transform, y he aquí el resultado, el cual puedes ver acción en esta página.
El HTML luciría algo así:
Publicar un comentario
Sé respetuoso, no publiques información personal (p. ej., direcciones de correos electrónicos) y evita el contenido publicitario o que esté fuera del tema tratado. El comentario estará visible después de ser aprobado por el administrador.