I'm developing a web application, and I would like my icons i class="fa fa-user"
and i class="fa fa-shopping-cart"
to be side by side and I wanted to keep a circle around each one but I can not.
<div class="col-6 col-md-4">
<ul class="menu_2">
<div class="user"><li><i class="fa fa-user"></i> Entre/Cadastre-se<i class="fa fa-angle-down"></i></li></div>
<div class="carrinho"> <li><i class="fa fa-shopping-cart">Carrinho</i></li></div>
</ul>
</div>
.menu_2{
padding: 10px;
font-size: 10pt;
margin-top: 40px;
}
.user{
margin-right: 30px;
font-size: 13pt;
border-radius: 1px solid ;
}
.carrinho{
margin-left: 240px;
}
Look how the icons are