JSFiddle - React, Tailwind, and code Playground

HTML

<div class="horizontal-div-container even-spacing-signature">
        <div>
            <span>Signed by the Client: ______________________ </span>
        </div>
        
        <div>
            <span>Signed by the Engineer: _____________________</span>
        </div>
    </div>
    
    <div class="horizontal-div-container even-spacing-signature">
        <div>
            <span>Date: ______________________ </span>
        </div>
        
        <div>
            <span>Date: _____________________</span>
        </div>
    </div>
    
    <h1>
        Appendix 3, Client Information
    </h1>

CSS

h1 {
        background: #000096;
        color: #FFF;                
        text-align: center;
        font-weight: bold;
        font-size: 1em;
    }
    
    .horizontal-div-container div {
        float: left;
        clear: none;
    }
    
    .even-spacing-signature div
    {
        font-weight: bold;
        width: 50%;
    }