JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle"><span class="number">1</span></div>
<h3>Opportunity #1</h3>
<p>We are always interested in meeting like-minded, creative individuals to join our team. Please introduce yourself by submitting your cover letter, resume and portfolio to the email below.</p>

CSS

.circle {
    border: 0.1em solid grey;
    border-radius: 100%;
    height: 2em;
    width: 2em;
    text-align: center;
    background:#fc0;
    float:left;
    margin:0 20px;
}

.circle .number {
    margin-top: 0.10em;
    font-size: 1.5em;
    font-weight: bold;
    font-family: sans-serif;
    color: #F66511;
}

h3 {
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#232323;
    margin:0 0 10px 0;
    text-align:left;
    font-weight:bold;
}

p {
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#616161;
    margin:0 0 0 50px;
    text-align:left;
    font-weight:normal;
}