按钮就像楼梯一样

Question

如何在按钮

下创建类似步骤

像这样的东西

Example 1

我可以使用 创建它，但是有更简单的方法吗？

或许您可能知道如何将这些按钮放在一起看起来不错

<div id='2' style="display: block;" align="center" >    
    <p class="tekst">&nbsp;<br><br>Bitte bewerten Sie Ihre Zufriedenheit mit:</p>
    <p class="tekst">&nbsp;Wie zufrieden sind Sie mit der Lage des Hotels ?</p>                                     
    <input type='button' class="myButton" />
    <input type='button' class="myButton2"/>
    <input type='button' class="myButton3"/>
    <input type='button' class="myButton4"/>
    <input type='button' class="myButton5"/>
    <input type="hidden" name="mjesto" id="mjesto">                 
</div>  

Answer 1

我认为您需要更多地了解html和css的基础知识。

在这里，我为你创造了一个小提琴。

Fiddle - Original Answer

<强> CSS：

input[type="button"]{ display:block; }
.myButton { margin-left:10px; }
.myButton2{ margin-left:20px; }
.myButton3{ margin-left:30px; }
.myButton4{ margin-left:40px; }
.myButton5{ margin-left:50px; }

---

Fiddle - 1 Line CSS Solution (Not Recommended)

<强> CSS

li{list-style-type:none;}