It still appears misaligned. Any ideas why when both are vertically centered appear like this?
.cssUl { border: 1px solid black !important; background-color: red; display: flex; align-items: center;}<ul className="cssUl"><li><img src="https://picsum.photos/300/75" alt="logo" /></li><li> Text</li></ul>Initially I thought there was some unseen padding for the Text but there isn't.
Here's how it looks:
