文本和图像没有对齐

本文关键字：对齐图像文本 | 更新日期: 2023-09-27 18:15:19

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

我怎样才能做到这一点?基本上我需要做的就是把文字向上移动。我也尝试过使用标签和span，但问题也存在。

文本和图像没有对齐

添加额外的css

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

is this你要完成什么?

我添加了这个类:

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

试试这个:

你需要把"Text"放在span标签中假设

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

和Css:

.user_text { 
  vertical-align:top;
}