I have two div
elements, both with the CSS property display: inline-flex
, as I would like to position them beside each other. At first, the div's appear to be positioned properly.
.userImg{
height: 3em;
width: 3em;
background: red;
display: inline-flex;
}
.nameOfUser{
display: inline-flex;
height: 3em;
width: 10em;
background: blue;
}
<div class = "userImg"></div>
<div class = "nameOfUser"></div>
See Question&Answers more detail:os