JSFiddle - React, Tailwind, and code Playground

HTML

<div class="education">                

                            <h3 class="date"> April 2013 – Present</h3> 

                            <h3 class="place"> Sutton ON, Canada </h3> 

                            <h3 class="company" > All Reasons Party Rentals </h3>

    </div>

CSS

.education h3 {
             display: inline-block;
            

        }

        .education {
            position: relative;
            width: 100%;
            background: red;
        }

        .education .date {
            position: absolute;
            left: 0;
            top: 0;
        }

            .education .place {
                position: absolute;
                left: 30%;
                right: 30%;
                top: 0;
            }

            .education h3.company {
                right: 0;
                top: 0;
                position: absolute;
            }