Почему остается расстояние в 1px?

Question

[Андрей]

Всю голову сломал. Откуда взялся этот пиксель?
jsfiddle.net/xe5w55m5/2

Answer 1

[A K]

Удалите:
font-size:11px;

Comments

[Андрей]

капец как хочется чтоб был другого размера шрифт в этой плашке

[A K]

jsfiddle.net/Symphony/xe5w55m5/5 - оставил размер шрифта + выравние по вертикали и инлайн-блок; думаю то, что Вам нужно

[Андрей]

Symphony: не совсем подходит ибо мне нужно сделать в таком виде jsfiddle.net/xe5w55m5/4

[A K]

svistiboshka: можно взглянуть на макет?

[Андрей]

Symphony: n9922.ru/s/LoUN.png

[A K]

svistiboshka: jsfiddle.net/Symphony/xe5w55m5/7

Answer 2

[Назар Мокринский]

Используйте flex box-ы, не мучьтесь с inline-block

Comments

[Андрей]

IE 10+ крутовато для меня в этом проекте

Answer 3

[tennalian]

vertical-align: top для внутреннего inline-block, прелесть моя
по умолчанию там middle

Answer 4

[Николай Ерофеев]

i {
    font-size:11px;
    background:green;
    border-radius:5px;
    margin-left:10px;
    display:block;
    float:right;
    padding: 0 10px;
  }