Tengo un botón check pegado a la derecha: este botón tiene diseño. A su lado derecho quiero poner un pequeño texto, pero este se alinea con la línea inferior del botón.
Ya intenté poner márgenes o padding y me mueve todo lo demás menos el texto.
Les pongo el código que intenté y una imagen de cómo se ve actualmente. El problema es que quiero que esté centrado con el diseño del check.
<div class="col-12 spaced-items">
<h5>
<i class="fa-solid fa-truck-front"></i>
<span class="mx-2">Parte frontal</span>
</h5>
<div class="text-end">
<div class="custom-switch custom-switch-label-yesno">
<label >Daños</label>
<input id="dangos_frontal_chk" class="custom-switch-input" type="checkbox">
<label for="dangos_frontal_chk" class="custom-switch-btn"></label>
</div>
<input id="dangos_frontal_val" type="hidden" value="0">
</div>
</div>
<>
).