文本和图像未对齐[重复]答案

【问题标题】：Text and image are not aligned [duplicate]文本和图像未对齐[重复]
【发布时间】：2014-07-29 13:25:52
【问题描述】：

我有以下jsfiddle，它说明了我目前面临的一个问题。我有一个图像标签，并希望文本沿图像中心垂直对齐。我曾尝试使用padding-bottom，但无济于事。

我怎样才能做到这一点？基本上我需要的只是将文本向上移动。我也尝试过使用标签和跨度，但问题也存在。

【问题讨论】：

【解决方案1】：

添加额外的 css

.draggable img{
    float:left;
    margin-top:3px;
    padding-right:5px
}

【讨论】：

【解决方案2】：

是this你要完成什么？

我添加了这个类：

.draggable img{
    float:left;
    padding-right:5px;
}

【讨论】：

【解决方案3】：

试试这个：

假设您需要将“文本”放在跨度标记中

<span class="user_text">Text Box</span>

和CSS：

.user_text { 
  vertical-align:top;
}

【讨论】：