对齐div顶部的按钮

Question

我正在尝试将按钮对齐到div的顶部，但它无效。

这是我的HTML

<div id='deleteOutDiv'><div class='deleteInnerDiv'><a class=\"delete iconBtn\" onclick=\"deleteResourceItem(#: ID #, '#: Naam #')\"></a></div></div>

这是我的css

   #deleteOutDiv {
    display:inline-block;
    margin: 0px auto 10px auto;
    text-align: left;
}

#deleteOutDiv .deleteInnerDiv {
     display: inline-block;
     vertical-align: top;
}

这就是我的剑道网格

上的样子

这是其他单元格的html和css，有效。

 <div id='editDiv'><div class='inputDiv'><textarea class='textEdit' cols='50' rows='3'>#=Naam#</textarea></div><div class='editorDiv'><a class=\"meerActies iconBtn\" onclick=\"openPopupDemo('#: Naam #', '#: ID #', 'Naam')\"></a></div></div>


#editDiv {
    display:inline-block;
    margin: 0px auto 10px auto;
    text-align: left;
}

#editDiv .inputDiv {
     display: inline-block;
      vertical-align: top;
}

#editDiv .editorDiv {
     display: inline-block;
      vertical-align: top;
}

#editDiv .textEdit {
     background: transparent;
     border: none;
     resize:none;
}

Answer 1

使用上面的代码，尝试以下操作：

#deleteOutDiv {
    margin: 0px auto 10px auto;
    text-align: left;
    display: inline-block;
}

您似乎错过了其他display: inline-block;代码中使用的div：）