How to vertically align text next to an image?

906 Comments / Articles, Programming / / css, How to vertically align text next to an image?, html

Although this seems an easy job for a developer, there are times when we actually search how to do it. This is for those times.

There are many ways to do this. But the best way I found is as follows

.box {
   display: flex;
   align-items:center;
}
<div class="box">
    <img src="https://via.placeholder.com/60x60">
    <span style="">Works.</span>
</div>

Hope this helps you in your programming endeavor.

Related Posts

906 thoughts on “How to vertically align text next to an image?”

  180. Arrgzoolf

    It is possible for the cancer cells to spread from the prostate gland to other areas of the body metastasise where further tumours can develop.
    Check expiration dates when you stromectol price , an effective treatment, at greatly reduced prices
    In this test, the influenza virus is actually grown and further identified in the laboratory.

    Reply
  183. Arrgzoolf

    The IADPSG recommended that all women not known to have prior diabetes undergo a 75-g OGTT at 24—28 weeks of gestation.
    Report errors in your meds immediately when you ivermectin uk will treat your ED problems!
    Ladt night was the worst.

    Reply
  192. Amddzoolf

    In addition, the clinic contacted Raina Rippel, project director for the Southwest Pennsylvania Environmental Health Project.
    When you are looking to list of online pharmacies at great prices when you purchase from respectable online
    The therapy used must “fit” the way the human brain is structured.

    Reply
  235. Arnvzoolf

    Type 1 occurs most commonly occurs among youth.
    No driving and getting a tadalafil canada on the Internet is always the lowest.
    High blood pressure: Persistent red blotches on the whites of both eyes can be a sign of hypertension, explains Ian Grierson, professor of ophthalmology at the University of Liverpool.

    Reply