Canvas LMS中的HTML按钮样式-使按钮大小相同

如何解决Canvas LMS中的HTML按钮样式-使按钮大小相同

我四处逛逛，发现了一些亲密的东西，但没有确切的信息。我正在为我正在设计的某些课程的Canvas LMS主页上的四个菜单按钮设置样式。

我已经将它们（最终）放置在我想要的位置，但是我希望按钮的尺寸相同。当前，它们似乎对其中的文本大小有所响应。 Canvas LMS需要内联样式，因此所有样式属性都必须包含在HTML中。

关于如何更好地做到这一点的任何想法？

<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Course Syllabus</a>
        </p>
    </div>
</div>
<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Course Modules</a>
        </p>
    </div>
</div>
<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Course discussion Forums</a>
        </p>
    </div>
</div>
<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Contact your Professor</a>
        </p>
    </div>
</div>