JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p><img id="article232" src=""/> <a href="/something.html" id="article232" data-original-title="https://lh4.ggpht.com/nSdjkHWatss_Pfdj8c_tLU2ngQNxgCWNZXjj08QXdlKvWUDXpaRB4aq97zz9nKsJjQ=w300 some other text here">Name of the Article 1</a>
</p>
<p>
<img id="article278" src=""/> <a href="/something.html" id="article278" data-original-title="https://www.jqueryscript.net/images/Customizable-jQuery-Loading-Overlay-Spinner-Plugin-Waiting.jpg some other text here">Name of the Article 2</a>
</p>
<p>
<img id="article412" src=""/> <a href="/something.html" id="article412" data-original-title="https://lh3.googleusercontent.com/ETvE8qpSRnKBb7QMEkctSfC8r3CjGmMy00PtV3qq0YLUVl1PtKjTVpGXCP8cO9xnGw=w300-rw some other text here">Name of the Article 3</a>
</p>
</div>

CSS

div {
  display:inline-block;
  border:1px solid;
  width:100%;
  padding:5px 0;
}

div img {
  border:1px solid;
  width:50px;
  height:50px;
  border-radius:25px;
  vertical-align:middle;
}

div a {
  font-size:2em;
  vertical-align:middle;
}