Как разделить div для отображения на одной строке?

Question

Я хочу разделить find an event и post an event и поместить их в одну строку ниже Events

Html

<div class="lasvegas">
Events</div>
<div class="findanevent"> </div>
<div class="event_wrapper"><a href="https://adsler.co.uk/find-an- 
event/"><span id="findanevent" class="event">Find an Event</span>. 
</a>
<a href="https://adsler.co.uk/post-an-event/"><span id="postanevent" 
class="event">Post an Event</span></a></div>

Страница: https://adsler.co.uk/events/

Пробовал css .events {display: block;} не работал

Это работало на мобильных устройствах, но как копировать на рабочем столе?

.event {float :right;} .findanevent br {display: none;}

Answer 1

.event_wrapper {
  text-align: center;
  margin-top: 20px;
}

<div class="lasvegas" style="text-align: center">
  Events
</div>
<div class="event_wrapper">
  <div>
    <a href="https://adsler.co.uk/find-an-  event/"><span id="findanevent" class="event">Find an Event</span></a>
  </div>
  <div>
    <a href="https://adsler.co.uk/post-an-event/"><span id="postanevent" class="event">Post an Event</span></a>
  </div>
</div>