Css 使元素具有它的高度'；s父元素

我这里有一张图片来帮助我解释我遇到的问题

从图中可以看到，单行

p

的

复选标记将垂直居中，但当它到达两行或三行
p
时，复选标记将不再垂直居中

理想情况下，我希望复选标记的高度为div的100%，以便在其下方或上方没有文本。。。如果这有道理的话

这是我目前的代码：

#container { //the individual div for each item
cursor:default;
}

#text { //id name for my paragraph tag.
cursor: auto;
font-size: 16px;
margin-right: 15px;
display: inline;
}

#checkmark{
padding-right: 10px;
height: 100%;
font-size: 16px;
z-index: 20;
cursor: pointer;
display: inline;
}

有什么想法吗？谢谢

编辑：这是我的html

<div id="container"><i id="checkmark" class="fa fa-check"></i><p id="text">Some text here....</p></div>

这里有一些文本
更改
显示：内联至
显示：表格单元格#选中标记
和
#文本
并添加
垂直对齐：中间
到
#选中标记
，如下所示：

#text { //id name for my paragraph tag.
    cursor: auto;
    font-size: 16px;
    margin-right: 15px;
    display: table-cell;
}

#checkmark{
    padding-right: 10px;
    height: 100%;
    font-size: 16px;
    z-index: 20;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

请同时发布你的HTML。我们需要一个完整的代码示例。@j08691抱歉，已添加。您可能需要使用表格，因为表格的布局在标注尺寸后会对齐。块元素（如
div
等）的设计与高度不完全一致。它仍然是可能的，但是我不明白为什么这里的表会坏。你可能想考虑使用<代码> UL> 
 <代码>（无序列表），而不是<代码> <代码> s，它们在<代码> < LI> < />代码中有一个自然的缩进，将得到你需要的对齐。（或
）带有
列表样式图像的标签
。工作非常出色。非常感谢。