如何在同一行的图标右侧显示文本

Question

我想在code完美对齐的右侧显示文字。我该怎么做？我不想使用绝对位置。

.down {
margin-top: 5px;
border: 1px solid red;
}

.icontext {
display: inline-block;
margin-right: 8px;
}

Answer 1

您可以在图标上使用float:left;

Answer 2

这会将span标记与img标记

垂直对齐

.icontext {
    vertical-align: middle;
    margin-right: 8px;
}

.icon{
    vertical-align: middle;
}

示例：http://jsfiddle.net/ykdnB/2/

Answer 3

如果您的意思是垂直对齐，则需要为icontext指定行高。请参阅此演示：http://jsfiddle.net/ykdnB/3/