Блог

Главная - Вопросы по программированию - Как мне выровнять изображение, чтобы переместить его вертикально вверх?(CSS, HTML)?

Как мне выровнять изображение, чтобы переместить его вертикально вверх?(CSS, HTML)?

#html #css

#HTML #css

Вопрос:

Базовый вопрос по CSS / HTML. Как показано на моем скриншоте, слева есть изображение стрелки, я хочу переместить его таким образом, чтобы средняя точка стрелки была немного выше средней точки текста, следующего за ней. Вероятно, это базовый материал, но какое свойство в css поможет мне это сделать?

У меня есть css-класс для изображения, что-то вроде этого.

 <img src="images/block_arrow.png" class="t-image imagestyle1" alt="image"/>

Спасибо, Adarsh

Скриншот

Комментарии:

1. .imagestyle1 { position: relative; top: -3px; }

2. это все, что я искал, я знал, что это слишком просто, но я здесь новичок. Спасибо

3. проверьте это brunildo.org/test/va_lineheight.html может быть, это поможет вам

Ответ №1:

Добавьте следующий css..

 .t-image {
    position: relative /* Declared position allows for location changes */
    top: -2px; /* Moves the image 2px closer to the top of the page */
}