Я хочу отобразить текст с правой стороны, который идеально выровнен в code. Как мне это сделать? Я не хочу использовать абсолютную позицию.Как отобразить текст справа от значка в той же строке
.down {
margin-top: 5px;
border: 1px solid red;
}
.icontext {
display: inline-block;
margin-right: 8px;
}
Это будет вертикально выравнивать span тегов с img тегами
.icontext {
vertical-align: middle;
margin-right: 8px;
}
.icon{
vertical-align: middle;
}
Пример: http://jsfiddle.net/ykdnB/2/
Это все еще не совсем то, что я хочу. Оба значка, похоже, похожи на один, немного вниз, а второй - немного вверх. – 2619
Возможно, это связано с изображениями. Я думаю, что есть пробелы сверху и снизу, что создает эту иллюзию. Если вы посмотрите на него с макетом Firebug, они идеально выровнены. –
Вы можете использовать float:left; на иконке
Если вы имеете в виду вертикальную юстировки ты по необходимо указать высоту линии для icontext. См. Эту демонстрацию: http://jsfiddle.net/ykdnB/3/
Текст уже выровнен справа. Что вы имеете в виду? – otinanai
Это уже хорошо? Просто заметьте, что в вашей скрипке вы предоставили оба вверх и вниз divs класс 'up'. Разве второй не должен быть «вниз»? – mattytommo
Да, он выровнен, но если вы посмотрите внимательно, вы обнаружите, что текст не выровнен по центру по значку. Помогает ли это? И да, это должно быть вниз. – 2619