¿Cómo puedo implementar la línea entre los dos cuadros superiores y el texto inferior?
Necesito:
EDITAR: De hecho, encontré una solución fácil, usando 4 div así:
Todavía me pregunto si existen otras formas.
La manera fácil de usar css pseudo
.divider{ border-top: 1px solid #333; margin-top: 50px; position: relative; } .divider:after{ background-color: #ffffff; bottom: 21px; content: ''; display: block; height: 40px; left: 50%; margin-left: -20px; position: relative; -ms-transform: rotate(45deg); -webkit-transform: rotate( 45deg); transform: rotate( 45deg); width: 40px; z-index: 1; border-top: 1px solid #333; border-left: 1px solid #333; }
<div class="divider"></div>