Html CSS如何在当前主题中添加自定义按钮？

我正在使用Mobix主题，我需要添加一些自定义按钮

我想要的是像这张图片一样的东西，实际上是绿色、黄色和紫色的三个按钮

这个主题基于Framework7，但我找不到如何做我想做的事情

到目前为止，我添加了这个代码

<div style="position:absolute;">
<a href="#" class="button button-fill color-blue">Tes A</a>
</div>

---

无论如何，我的按钮没有空白，但它填满了整个区块。我的代码有什么问题？

//使用表格，然后根据需要将按钮（button class=“form\u submit”）放在表格部分

<ul class="responsive_table">
                 <li class="table_row">
                    <div class="table_section_14">&nbsp;</div>
                    <div class="table_section_14">Medium</div>
                    <div class="table_section_14">Business</div>
                    <div class="table_section_14">Deluxe</div>  
                 </li>
                  <li class="table_row">
                    <div class="table_section_14">&nbsp;</div>
                    <div class="table_section_14">Medium</div>
                    <div class="table_section_14">Business</div>
                    <div class="table_section_14">Deluxe</div>  
                 </li></ul>

中等
生意
豪华的


中等
生意
豪华的

以下是博客帖子代码的结构：

<div class="post_entry">
    <div class="post_date">
        <span class="day">24</span>
        <span class="month">january</span>
    </div>
    <div class="post_title">
        <h2><a href="blog-single.html">Sed ut perspiciatis unde omnis iste accusantium.</a></h2>
    </div>
</div>

比如说宽度：50%

2.然后用按钮构建一个新的DIV容器

<div class="buttons_container"></div>
    <a href="#">button</a>
    <a href="#">button</a>
    <a href="#">button</a>
</div>

4。确保该行中的区块总量不超过100%

这需要基本的CSS知识

---

问候。

确保CSS中的.button类具有左浮动

---

您的3个按钮应该是左浮动的，以便一个接一个地保持不变。

这听起来像是您在要求其他人为您创建这些按钮。“你为什么不试着自己创造它们，如果你在让它们看起来正确方面遇到困难，那么就回来问一个更简洁的问题。”海登希夫编辑。

<div class="post_entry">
    <div class="post_date">
        <span class="day">24</span>
        <span class="month">january</span>
    </div>
    <div class="post_title">
        <h2><a href="blog-single.html">Sed ut perspiciatis unde omnis iste accusantium.</a></h2>
    </div>
</div>

.post_title{
    width: 80%;
    float: left;
    margin: 0 0 0 10%;
}

<div class="buttons_container"></div>
    <a href="#">button</a>
    <a href="#">button</a>
    <a href="#">button</a>
</div>

.buttons_container{
    width: 25%;
    float: left;
    margin: 0 0 0 5%;
}