垂直上对齐div html中的子级

我正在使用以下代码

    <div style="margin-top: 10px; margin-left: 10px; width: 800px; height:110px; display:inline-block;" >

          <img src="images/about_us_logo.png" alt="" width="104" height="110" />
          <label class="aboutText" ><?php echo $store['description'] ?></label>
    </div>
    <br />
    <div style="margin-top: 10px; margin-left: 10px; display:inline-block;" >

          <img src="images/webaddress_about.png" alt="" width="70" height="67" />
          <label class="aboutText" ><?php echo $store['website'] ?></label>

    </div>

    <br />
    <div style="margin-top: 10px; margin-left: 10px; display:inline-block;" >

          <img src="images/email_about.png" alt="" width="70" height="49" />
          <label class="aboutText" ><?php echo $store['email'] ?></label>

    </div>
    <br />
    <div style="margin-top: 10px; margin-left: 10px; display:inline-block;" >

          <img src="images/phone_about.png" alt="" width="50" height="55" />
          <label class="aboutText" ><?php echo $store['phone'] ?></label>

    </div>



.aboutText
{
    margin: 10px 10x  10px 20px;
    padding: 5px 5px 5px 5px;
    color: #C7C7C7;
    width: 500px;
    height:110px;
    text-align:center;
    font-weight: bold;
}

.大约
{
利润率：10px 10x 10px 20px；
填充物：5px 5px 5px；
颜色：#C7C7C7；
宽度：500px；
高度：110px；
文本对齐：居中；
字体大小：粗体；
}

结果如下

问题是图像和文本没有对齐。我需要的文字放在顶部对齐的图像

---

2-徽标及其说明与下面的图像重叠，我应该如何修复它

为图像添加左对齐属性

img
{
 text-align:left;
}

---

您只需添加此css规则即可将子项与顶部对齐：

img,label{
    vertical-align:top; /* vertically align */
}

但我认为

middle

最适合这个

img,label{
    vertical-align:middle; /* vertically align */
}

如果描述文本太长，此场景将始终很有用，请按如下方式操作，在标签css中添加一些css规则以及上述规则：

.aboutText
{
    margin: 10px 10x  10px 20px;
    padding: 5px 5px 5px 5px;
    color: #C7C7C7;
 /* width: 110px;*/ /*Get rid of height here
    height:500px;
    text-align:center;
    font-weight: bold;

    word-wrap:break-word;/* added new rule*/
    display:inline-block;/* added new rule*/
    text-align:left;   /* added new rule*/
}

---

希望您需要它。

请避免使用内联样式。如果你只看你的代码，你会发现很多css都是重复的。它还使您的代码不可读，难以使用，尤其是对其他人而言…