css - 需要帮助垂直居中两个元素

Question

我需要将两个元素(一个 div 和一个标签)垂直居中。我进行了高低搜索，并尝试使用各种修复方法(相对/绝对定位、显示:表格等)，但我仍然无法按我需要的方式使用它。

问题在于标签中的图像不是固定高度。最大值为 200x200，但也可以小于该值。输入按钮的大小大约为 16x16。

我可以对 HTML 的结构进行一些细微的更改，但由于这不是我的代码，所以我不能对它做太多事情。谢谢!

这是代码的精简版:

<ul>
<li>
    <div>
        <input type="radio">
    </div>
    <label>
        <img>
    </label>
</li>
<li>
    <div>
        <input type="radio">
    </div>
    <label>
        <img>
    </label>
</li>
<li>
    <div>
        <input type="radio">
    </div>
    <label>
        <img>
    </label>
</li>
<li>
    <div>
        <input type="radio">
    </div>
    <label>
        <img>
    </label>
</li>
</ul>

Answer 1

li{ 宽度:100%； }
li div{ 宽度:100%；向左飘浮; }
li 标签{ float : left }

这个怎么样？