Este equipo especializado luego de varios días de investigación y recopilación de de datos, obtuvieron los datos necesarios, nuestro deseo es que te resulte útil para tu trabajo.
Solución:
Utilice relleno y márgenes negativos.
P.ej:
div
padding: 1em;
margin: 0 -1em;
border-bottom: 1px solid red;
Lo anterior proporciona relleno en todos los lados y un margen negativo de 1 em a la izquierda y a la derecha. Es posible que desee jugar con eso.
Los bordes CSS se colocan entre los márgenes y el relleno de un elemento HTML. Si desea que los bordes de un elemento HTML se extiendan más allá del ancho (o alto) de ese elemento, puede agregar relleno CSS al elemento para empujar los bordes hacia afuera.
Por ejemplo, si su html es
agregando padding:0 10px;
a su CSS empujaría los bordes hacia afuera a la derecha y a la izquierda en 10px.
Al final de la web puedes encontrar las referencias de otros desarrolladores, tú asimismo tienes la opción de dejar el tuyo si te apetece.