Всем здравствуйте! У меня такой вопрос, как лучше сверстать вот такой блок? Стрелки навигации, логотип и список рядом. Выглядит это более,менее сейчас, как на картинке. Но это внешняя красота :) Меня смущает, что вставлять картинки стрелок - это не очень хороший вариант. Можно ли их нарисовать на CSS? Или есть другие лучшие варианты?
Я это реализовала сейчас таким образом
HTML
<div class="logo_raion">
<img src="left_arrow0.png" style="margin-bottom:75px;"><img src="logo.jpg"><img src="right_arrow0.png" style="margin-bottom:75px;">
</div>
<ul class="raion_nav">
<li>Администрация</li>
<li>Документы</li>
<li>Правоохранительные органы</li>
<li>Здоровье</li>
<li>Образование</li>
<li>Торговые центры</li>
<li>Аварийные службы</li>
</ul>
CSS
.logo_raion {
display: inline-block;
margin-right: 30px;
vertical-align: center;
}
.raion_nav {
display: inline-block;
font-family: FRAMDCN;
font-weight:400;
font-size:2em;
padding: 25px 0 0 0;
}
.raion_nav li {
margin-top: 15px;
}