单独使用css移动元素

由于某些原因，我无法编辑下面提到的代码（因为它是由Wordpress插件生成的），我只能通过CSS控制和更改它，所以我的问题是我可以使元素e1和e2彼此平行吗？肩并肩？单独使用CSS

<div class="layer-content">
<a target="_self" class="element element_0 title_link" href="http://example.com/wordpress/index.php/2018/07/23/student/">STUDENT 1’S NEW</a>


<div id="e1" class="element element_1 author">admin</div> // Element1
<div id="e2" class="element element_2 post_date">July 23, 2018</div> // element2


<div class="element element_3 excerpt">Nick is a Sophomore</div>
<div class="element element_4 categories"><a href="http://example.com/wordpress/index.php/category/music-videos/" title="IDEOS">VIDEOS</a> 
</div>
</div>

管理//元素1
2018年7月23日//要素2
尼克是大二学生

正如@Krzysiek Drozdz所提到的，您可以使用浮动

以下是一个例子：

你只需要一个

<br />

是的，你可以试试这个：

。图层内容{
宽度：200px；
高度：自动；
位置：相对位置；
溢出：隐藏；
}
.图层内容.容器{
宽度：100%；
高度：自动；
溢出：隐藏；
位置：相对位置；
边框：1px实心rgba（0,0,0,0.1）；
}
.layer content.container#e1{
宽度：50%；
浮动：左；
位置：相对位置；
文本对齐：居中；
填充物：5px；
框大小：边框框；
}
.layer content.container#e2{
宽度：50%；
浮动：对；
位置：相对位置；
文本对齐：居中；
填充物：5px；
框大小：边框框；
背景色：#4bbfee；
颜色：#fff；
}

管理
2018年7月23日
尼克是大二学生

是的，您可以。你可以使用浮点数，例如。。。

<br />

<div class="container">
    <div id="e1" class="element element_1 author">admin</div> 
    <div id="e2" class="element element_2 post_date">July 23, 2018</div> 
</div>

.element_1 {
    float: left;
    height: 100px;
    width: 20%;
}
.element_2 {
    margin-left: 20%;
    height: 100px;
}