No soy muy amiga de css
v y tengo un div
con dos ul
y quiero que estén una al lado de la otra y que queden alineadas pero me queda una por milímetros mas baja que la otra.
Las puse al lado con un float left
y probé agregarle un align-items center
pero no funciona.
Muestro el código:
.contact ul {
list-style: none;
float: left;
margin-left: 20%;
align-items: center;
}
<div className='contact'>
<ul>
<li>
<h4>Contactanos</h4>
</li>
<li><i class="bi bi-telephone"></i> Llamar: 077 009 0046</li>
<li><i class="bi bi-envelope"></i> Email: [email protected]</li>
<li><i class="bi bi-geo-alt"></i><a href='https://www.oca.com.ar/Busquedas/Envios' target="_blank" rel="noopener noreferrer"> Segui tu orden</a></li>
</ul>
<ul>
<li>
<h4>Horarios de atencion:</h4>
</li>
<li>Lunes-Viernes: 8:00AM-10:00PM</li>
<li>Sabados: 9:00AM-3:00AM</li>
</ul>
</div>