Так что я это горизонтальное меню с линиями под ним, но мой текст продолжает получать все странно: невозможно меню выровнен встроенный блок
Я попытался исправить с дисплеем: рядным, но получается моя линия на кусочки под каждым словом.
Что я хочу: выровненное меню (как и второе изображение) с прямой линией (рис. 1).
/* Navigation */
#undefined-sticky-wrapper {position:relative;height:0 !important;}
.menu {
\t position:absolute;
\t bottom:0;
\t width:100%;
\t height:76px;
\t background:#000000;
\t z-index:9999;
}
#logo {
\t float:left;
\t margin-bottom:0;
\t margin-left:0;
}
#nav {
\t text-align: center;
}
.navigation{
\t list-style: none;
\t margin: 0;
}
ul.navigation {
\t overflow-x:hidden;
\t position:relative;
\t text-align:center;
\t margin:0 auto;
\t padding:0;
\t width:770px;
}
.navigation li{
\t display:inline-block;
\t text-align:center;
\t width:128px;
\t padding:28px 0 12px;
\t margin:0 -2.5px;
\t text-transform:none;
\t background:none;
\t border-bottom:1px solid #393939;
\t font-family: 'Oswald', sans-serif;
\t font-weight:300;
\t font-size:15px;
\t line-height:20px;
\t color:#a3a3a3;
\t transition: all 0.2s ease-in-out;
\t -moz-transition: all 0.2s ease-in-out;
\t -webkit-transition: all 0.2s ease-in-out;
\t -o-transition: all 0.2s ease-in-out;
}
.navigation li:hover,
.navigation .active {
\t cursor:pointer;
\t color:#fff;
}
<div id="undefined-sticky-wrapper" class="sticky-wrapper is-sticky" style="height: 76px;"><div class="menu" style="position: fixed; height: 56px; margin-top: 0px; padding-bottom: 20px; top: 0px;"> \t
\t <div class="container clearfix">
\t \t
\t \t <div id="nav">
\t \t \t <a class="btn_dropdown" data-toggle="collapse" data-target=".nav-collapse_">MENU</a>
\t \t \t <ul class="navigation ph-line-nav">
\t \t \t \t <li data-slide="2" class="">FORMAÇÃO</li>
\t \t \t \t <li data-slide="4" class="">SKILLS</li>
\t \t \t \t <li data-slide="6" class="">EXPERIÊNCIA</li>
\t \t \t \t <li data-slide="8" class="">PREMIAÇÕES</li>
\t \t \t \t <li data-slide="10" class="">PORTIFÓLIO</li>
\t \t \t \t <li data-slide="12" class="">CONTATO</li>
\t \t \t \t <div class="effect"></div>
\t \t \t \t <div class="clear"></div>
\t \t \t </ul>
\t \t </div>
\t
\t </div>
</div></div>
теперь проверяют ур код он работает нормально и может Маржа между меню – vas