Удаление лишнего пространства снизу, чтобы все выровнялось в одну строку

Question

Удаление лишнего пространства снизу, чтобы все выровнялось в одну строку

0

Сейчас я работаю над заголовком, и, как вы можете видеть на демо, на дне есть много черного пространства, из-за чего кнопка языка идет вниз по сравнению с остальной частью текста.

РЕДАКТИРОВАТЬ

Я добавил границу в li и вы можете увидеть некоторые поля под текстом. Я думаю, что это приводит к тому, что текст не выравнивается и не делает ненужного пространства.

Есть ли способ переместить/удалить эти поля?

Nohman 14 март 2014, в 03:57

Источник

0

Изображения в вашей демонстрационной ссылке не работают, что затрудняет помощь. Вы можете использовать этот сайт для создания изображений- заполнителей : placehold.it
David 14 март 2014, в 02:37
0

Я отредактировал демо сейчас с заполнителем
Nohman 14 март 2014, в 02:41
1

Если добавить рамку к li с, вы можете увидеть , что это не кнопка языка , который находится в неправильном месте.
Adam Zuckerman 14 март 2014, в 02:47
0

@AdamZuckerman, есть ли способ, как я могу переместить эти поля в li ?
Nohman 14 март 2014, в 03:15
0

Да. Вы должны играть с вашим позиционированием.
Adam Zuckerman 14 март 2014, в 03:27
0

Хм, я был бы признателен, если бы вы могли сделать сообщение об этом, я не уверен, что добавить, и если мне нужно сделать это в li или где-то еще.
Nohman 14 март 2014, в 03:33

Показать ещё 4 комментария

Теги:

html

css

2 ответа

0

Используйте плавный JS-плагин. Это позволяет допустить, чтобы ваш контент падал на дно.

Pratik C Joshi 14 март 2014, в 00:44

Ещё вопросы

Изображения в вашей демонстрационной ссылке не работают, что затрудняет помощь. Вы можете использовать этот сайт для создания изображений- заполнителей : placehold.it
Я отредактировал демо сейчас с заполнителем
Если добавить рамку к li с, вы можете увидеть , что это не кнопка языка , который находится в неправильном месте.
@AdamZuckerman, есть ли способ, как я могу переместить эти поля в li ?
Да. Вы должны играть с вашим позиционированием.
Хм, я был бы признателен, если бы вы могли сделать сообщение об этом, я не уверен, что добавить, и если мне нужно сделать это в li или где-то еще.

Kheema Pandey · Accepted Answer · 2014-03-14T03-19-00.000Z

Согласно названию, я понимаю, что вы хотите выровнять текст и изображение внутри li

вам нужно удалить дополнительные дополнения из img и p.

.left-content ul li img {
    bottom: -9px;
    padding: 12px 5px 10px 3px; /*Remove this line.*/
    position: relative;
}
.left-content ul li p {
    bottom: 17px; /*Remove this line.*/
    display: inline;
    font-weight: bold;
    position: relative; /*Remove this unnecessary line.*/
}

Вот Демо. http://jsbin.com/xoyosimo/1