tengo este problema auto impuesto...
Tengo 2 contenedores dentro de un contenedor más grande.
Estos tienen márgenes, tamaños dinámicos, y otros detalles.
Sobre estos, y fuera del contenedor principal, hay un botón,
Este botón debe estar centrado, lo que es simple, pero del ancho de los contenedores, incluyendo su separación.
Hay forma de hacer lo que quiero ??
.cont{
border: 1px solid black;
text-align: center;
}
.sub{
margin: 10px;
border: 1px dotted blue;
display: inline-block;
width: 40vw;
}
.btnAncho{
width: 80vw;
}
<button type="button" class="btnAncho">Debo ser del ancho de los contenedores uno y dos</button>
</br>
</br>
<div class="cont">
<div class="sub">
contenedor uno
</div>
<div class="sub">
contenedor dos
</div>
</div>