垂直对齐div中的元素

Question

我的div中有这些chech box但它们都出现在2行中。

我想垂直制作它们，这样一行只会出现一个复选框，第二行会出现第二个chek框，依此类推......

                <g:CheckBox > Article </g:CheckBox>
                <g:CheckBox > Form1 </g:CheckBox>
                <g:CheckBox > Payroll </g:CheckBox>
                <g:CheckBox > TAX </g:CheckBox>
                <g:CheckBox > Import/Export </g:CheckBox>
                <g:CheckBox > Business Consent Form </g:CheckBox>
                <g:CheckBox > HST </g:CheckBox>

谢谢

Answer 1

对于HTML代码，您可以这样：

input {display: block;}

Answer 2

对于每个文本框元素，我使用clear:both;，这意味着没有向右或向左，因此跳过行。 Clear与float相反。