0
266
ViewsCómo mostrar una línea no recta entre dos div
¿Cómo puedo implementar la línea entre los dos cuadros superiores y el texto inferior?
Necesito:
- el "carret" debe estar debajo del medio de la primera caja
- el color de fondo sea diferente debajo de la carreta y encima/a un lado
EDITAR: De hecho, encontré una solución fácil, usando 4 div así: 
Todavía me pregunto si existen otras formas.
·
Juan Pablo Isaza
1 answers
Answer question0
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>
·
Juan Pablo Isaza
Report
Answer question