我想要一个div元素的上边距与另一个的底部相匹配，我该怎么做？
我可以不使用表格吗？
<div style="text-align:left; position:absolute; left:12%;">
<input type="checkbox" name="acceptance" value="I have read and agree with the terms and conditions.">
<label style="text-align:left; color:yellowgreen ;font-size:27px ;font-family:cursive;font-style:italic;">I have read and agree with the terms and conditions</label>
</div>
<div style="text-align:center; width = 100%;">
<a href="i-hm-p.html";><img border="0" src="images/imappyenter.png" width="100px"></a>
</div>
请忽略我的错误格式，我正在编辑别人的代码以及学习CSS。
我想要做的是我想在一行中放置一个占总宽度12％的复选框，并在之后立即给出一个简短的解释。我把它们放在一个div元素中。
在另一个div元素中，我放置了一个包含在图像中的链接，我希望它集中对齐，而不是与复选框及其可见解释位于同一行。
我该怎么做？