如何让最后两个项目在底部对齐？

Question

我正在使用kendo控件，并希望在div中对齐拆分按钮和按钮，由于某种原因它无法解决..我可以删除在顶部的差距？

我尝试过margin-top和padding-top为0。

<div class="row" style="padding-top:10px; margin-top:0px; margin-right:0px; padding-bottom:0px">
                <div class="col-md-8" style="padding-left:0px; border:dashed">
                    <label>Graphs per row:</label>
                    @Html.TextBox("txtGraphsPerRow", "4", new { @class = "k-textbox", @style = "width:25px" })
                </div>
                <div style="float:right; border:dashed;"  >
                    <ul id="myMenu">
                        <li onclick="" class="defaultItem" data-action="1">Print Graphs</li>
                        <li class="emptyItem">
                            <span class="empty">&nbsp;</span>
                            <ul>
                                <li>Print All Students in List</li>
                                <li>Include School Logo</li>
                                <li>Include School Photo</li>
                                <li>
                                    Page Orientation
                                    <ul>
                                        <li>Portrait</li>
                                        <li>Landscape</li>
                                    </ul>
                                </li>
                                <li>
                                    Page Size
                                    <ul>
                                        <li>A4</li>
                                        <li>A3</li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <button id="btnCloseGraph">Close</button>
                </div>
            </div>

Answer 1

将vertical-align:top提供给myMenu和btnCloseGraph ID。