时间戳

首页 > 解决方案 > 如何分隔 div 以显示在同一行？

html - 如何分隔 div 以显示在同一行？

问题描述

我想分开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;}

标签： htmlcsswordpress

解决方案

.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>

推荐阅读