Tengo el siguiente diseño de un rectángulo en etiquetas svg
en html
, pero dentro de ella quisiera poner 2 botones circulares uno alado de otro, de que manera puedo hacerlo?
<div class="row">
<svg width="550" height="150">
<rect width="550" height="150" style="fill:rgb(200,209,208);stroke-width:3;stroke:rgb(0,0,0)"></rect>
</svg>
</div>
Este es el boton circular que quisiera poner dentro
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 12px;
text-align: center;
}
<button type="button" class="btn btn-dark btn-circle btn-xl">Black</button>