Html CSS中的定位问题

Html CSS中的定位问题,html,css,mybb,Html,Css,Mybb,所以最近我打开了我的论坛,目前正在配置主题,但遇到了一些麻烦。在帖子上,有一些统计数据显示在右边,但它们太近,显示不清楚。经过一段时间的研究,如定位、容器等,我仍然无法找到我的答案,仍然迫切需要帮助。下面是我所说内容的截图: 这是统计数据的CSS: .post .post_author div.author_statistics { float: right; font-size: 11px; padding: 3px 10px 3

所以最近我打开了我的论坛,目前正在配置主题,但遇到了一些麻烦。在帖子上,有一些统计数据显示在右边,但它们太近,显示不清楚。经过一段时间的研究,如定位、容器等,我仍然无法找到我的答案,仍然迫切需要帮助。下面是我所说内容的截图:

这是统计数据的CSS:

    .post .post_author div.author_statistics {
         float: right;
         font-size: 11px;
         padding: 3px 10px 3px 5px;
         padding-left: 50px;
         color: #666;
         line-height: 1.3
    }
如果你需要任何额外的信息,让我知道,我可以提供它。提前感谢您的帮助

编辑:这里是统计数据的HTML的一部分

    <span style="font-size:13px;">
    <div align="center">
    <div class="float_left">Posts:</div> <div class="float_right"> 13</div><br>
    <div class="float_left">Threads:</div> <div class="float_right"> 1</div><br>
    <div class="float_left">Joined:</div> <div class="float_right"> Oct 2015</div>


    <br><div class="float_left">Reputation:</div> <div class="float_right">
    <a href="reputation.php?uid=2"><strong class="reputation_positive">2</strong></a>
    <!-- end: postbit_reputation_formatted_link --></div>
    <!-- end: postbit_reputation --></div>
    <!-- end: postbit_author_user -->
    </span>

帖子:13
线程:1
加入日期:2015年10月
声誉:
试试这个

.post .post_author div.author_statistics {
     margin-right: 50px;
     float: right;
     font-size: 11px;
     padding: 3px 10px 3px 5px;
     padding-left: 50px;
     color: #666;
     line-height: 1.3;
}

你只需要增加或减少右边距值

你的问题很让人困惑,因为我认为这个主题在我加入的每个论坛中都很正常

但您可以尝试以下代码:

.post .post_author div.author_statistics .float_left {
  float: left;
  width: 80px;
  text-align: left;
}
要做到这一点:


希望有帮助

请显示完整代码您是否希望它们水平显示?或者只是更垂直地隔开?@kfreeman04208我希望它们能更水平地显示,所以可能会向左5px左右。另外,完整的代码超过2500行,所以我只留下了它的HTML部分。谢谢请提供该页面link@AdiNugroho这是我使用的线程的一个例子。非常感谢你,这修复了它!遗憾的是,我还不能提升它,因为我需要15个声誉,但一旦我实现了,我就会!