仅使用CSS移动元素

Question

由于某些原因，我无法编辑下面提到的代码（由于它是由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>