Помогите настроить CSS фаил

Друзья, всем привет! Появилась задумка для оформления разных разделов меню. Но я сильно путаюсь в CSS коде. На картинке я постарался изобразить результат задуманного. Помогите пожалуйста.


Вот кусок HTML
<div class="razdel">
<span>НАЗВАНИЕ РАЗДЕЛА</span>
<ul>
<li><a href="#">Раздел 1</a><li>
<li><a href="#">Раздел 2</a><li>
<li><a href="#">Раздел 3</a><li>
<li><a href="#">Раздел 4</a><li>
</ul>
<div>