I am trying to arrange an image next to some text. I was able to accomplish this with font awesome icons and text, but two images I was unable to get an icon for, so I am using images. I can't seem to get them side by side. What am I missing?
.lower-nav__link { margin-bottom: 15px;}.lower-nav-ul { margin-top: 0px; display: flex; justify-content: flex-start; flex-direction: column; padding-left: 15px; padding-top: 15px;}<ul className='lower-nav-ul'><li className='lower-nav__link'><FontAwesomeIcon icon={'question-circle'} className='question-circle' /> Help</li><li className='lower-nav__link'><FontAwesomeIcon icon={'map-marker-alt'} className='map-marker-alt' /> Where to Buy/Rent</li><div><img src={require('../images/safety-icon-light.png')} alt='safety-icon'className='safety-icon'/></div><li className='lower-nav__link-with-img'>Safety</li><div><img src={require('../images/en-flag-light.png')} alt='en-flag' className='en-flag'/></div><li className='lower-nav__link'>EN</li></ul>