Как уменьшить размер менюшки?

Question

[Berkutman]

Всем привет есть вот такой дизайн менюшки необходимо изменить как фотом ниже, как это сделать?

display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

Answer 1

[Exploding]

Снесите иконку и вставьте div, что-то типа такого:

.menu_icon{
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 height: 30px;
 width: 30px;
}
.menu_icon:before{
/*... лень писать, короче и тут полоску по центру:) */
}

Answer 2

[Александр]

можно так

Comments

[Ankhena]

4 элемента вместо 1го - не надо так делать