HTML

how to align image with text in html

<div class="box">
    <img src="https://via.placeholder.com/60x60">
    <span style="">Works.</span>
</div>

.box {
   display: flex;
   align-items:center;
}