JSFiddle - React, Tailwind, and code Playground

HTML

<div class="download-wrapper">
  <div class="download-icon">
    <img src="https://assets.jimstatic.com/s/img/cc/icons/pdf.png" alt="pdf icon">
  </div>
  <div class="download-text">
    <h3>
Derivation of black hole solutions
    </h3>
    <p>
This document provides the derivation of the solutions to Einstein's equation for a
non-rotating black hole (the Schwarzschild solution), a charged, non-rotationg black
hole (the Reissner-Nordstrom solution), and a rotating black hole (the Kerr solution).
    </p>
    <div class="download-links">
      <a href="http://www.generalrelativityandlqg.co.uk/bh.pdf" target="_blank">Download pdf</a>
      <a href="http://www.generalrelativityandlqg.co.uk/bh.ps" target="_blank">Download ps</a>
    </div>
  </div>
</div>

CSS

.download-wrapper {
  display: flex;
  flex-wrap: none;
  margin: 0 0 1em;
}

.download-icon img {
  width: 51px;
  height 51px;
  border: 0;
  padding: 0 0.5em 0 0;
}

.download-text h3,
.download-text p {
  margin: 0 0 0.25em;
}

.download-links a {
  margin: 0 0.5em 0 0;
}