HTML、CSS编辑

我写了一些html代码，想用css编辑它的视图

                <div id="contact_4" name="contact" >
                <input type="checkbox" id="chk_4" class="contactChk"/>
                <img height="25" width="25" alt="" src="Images/Contacts/1.jpg" style="width: 30px; height: 35px;"/>
                <span class="contactItem" id="contactName_4" name="contactName">
                    Amr ElGarhy
                </span>
                <img src="Images/Common/Motiva.png" alt=""/>
                <br/>
            </div>

阿姆尔加里

我想做的是使文本和图像在主div中垂直对齐，如果有人知道如何在不使用任何表格和CSS的情况下进行对齐，请告诉我是否必须编辑html本身

更新：

---

我希望主分区的所有东西都垂直居中对齐。正如您在图像中所看到的，文本、复选框和两个图像在默认情况下是底部对齐的，我想覆盖它们。

我不是CSS的专家，但也许将它们放在所有元素上会有所帮助：

margin-top: auto;
margin-bottom: auto;

这样做：

#contact_4 * {      
    vertical-align: middle;
    display: inline;
}

如果没有其他样式可以更改这些元素的显示类型，则不需要“display:inline；”

---

另外，div和span元素没有“name”属性。

您必须更好地解释您要选择的是垂直中间还是水平中间？您的答案更简单，而其他解决方案也可以应用。不知道那样太容易了，但肯定是有经验的人；）