I am writing a to-do list but cannot figure out the css to turn my tag into 3 separate side-by-side buttons. This is my current code:

            <select onChange={this.handleChange} name="date" id="date-select" size="4">
                <option value="today">Today</option>
                <option value="tomorrow">Tomorrow</option>
                <option value="week">This week</option>
            </select>
            <button className="td-add" onClick={this.handleSubmit}>+</button>

My is the big square on the right containing (today, tomorrow, this week). I would like to make the height fit in 1 row so it looks in-line with the input bar, and if possible, make the options appear like clickable buttons.