实现浮动标签重叠

Question

有谁知道我如何修复浮动标签与其上方元素的线重叠，如下所示：http://imgur.com/a/4T7Rx

基本上我想降低浮动标签的高度。

我尝试在CSS中设置边距和一些其他设置： .input-field标签 但我没有运气。

我也尝试添加换行符，但只在标签和文本字段之间添加了空格，无论我把它放在哪里。

编辑：

                      <div class="col s12">
                            <br>
                            <ul class="collapsible popout blue darken-3 z-depth-2" data-collapsible="accordion">
                                <li>
                                    <div class="collapsible-header blue darken-3"><i class="material-icons">filter_drama</i>New Body Stats Entry</div>
                                    <div class="collapsible-body input-field col s4"> <label for="arms">Arms</label><input class="center-align" id="arms" type="text"> </div>

                                </li>
                            </ul>
                        </div>

Answer 1

无视任何遇到此问题的人，只需使用CSS设置一个margin-top;不知道我花了一个小时来弄明白这一点。