JSFiddle - React, Tailwind, and code Playground

HTML

<div id="control-buttons-container">
        <div class="col-1">
            <button class="control-button">some button text</button>
        </div>
        <div class="col-2">
            <button class="control-button">proceed with this button</button>
        </div>
        <div class="col-3">
            <button class="control-button">Seth Rollins, WWE Champion</button>
        </div>
    </div>    

    <div id="control-buttons-container">
        <div class="col-1">
        </div>
        <div class="col-2">
            <button class="control-button">proceed with this button</button>
        </div>
        <div class="col-3">
        </div>
    </div>

CSS

.control-button {
	background-color: #0E80B4;
	color: white;
	outline: none;
	border: none;
	float: left;
	height: 73px;
	width: 100%;
}
.control-button:hover {
	background-color: #3FA9DB;
}
#control-buttons-container {
    max-width: 400px;
    padding: 1px; 
    border: 1px solid red;
}
.col-1, .col-2, .col-3 {
    width: 32.6%;
    display: inline-block;
    margin: auto
}