有关如何设计此DIV样式的任何想法？

Question

我有这个，我想移动总评论（显示有多少评论是有多少星的评论） 这是它的外观https://i.gyazo.com/a766d0a8804da7ed34d4b295976414b5.png 标记就像

<div style="border-top: 1px solid #ddd; padding-top: 20px; vertical-align:top">                 
<div id="reviews-summary">                  
<p class="lead" style="margin-top: 0px;">{if $reviews}
<span id="product-stats">
<div class="ratings">
<div class="empty-stars"></div>
<div class="full-stars" style="width:{$review_stats.avg_rating*20}%">
<span class="total-reviews"></span></div></div>
</span>
</div>

<span class="average-rating">{$review_stats.avg_rating}</span>
<span class="total-reviews"> ({$review_stats.total} review{if $review_stats.total > 1}s{/if})</span>

我可以制作第一个div inline block并给它一个50％的宽度，但该行不会再遍及整个div。任何想法都是受欢迎的。