Zarovnání odrážky tvořené v CSS, nikoli obrázkem

<li><a href="index.php"><div id="odrazka"></div>Hlavní stránka</a></li>
<li><a href="obsluha.php"><div id="odrazka"></div>Představení obsluhy</a></li>
<li><a href="prostory.php"><div id="odrazka"></div>Představení baru</a></li>
<li><a href="hry.php"><div id="odrazka"></div>Společenské vyžití</a></li>
<li><a href="kontakt.php"><div id="odrazka"></div>Kontakt</a></li>

#levy {
  width: 24%;
  border-top: 10px solid #b8cfb8;
  border-bottom: 10px dotted #b8cfb8;
}

#levy ul {
  margin-top: 0;
  padding: 0 0 0 0;
}

#levy li a {
  font-weight: bold;
  font-family: 'Microsoft Sans Serif', sans-serif;
  font-size: 14pt;
  color: #669966;
  display: block;
  padding: 7px;
}

#odrazka {
  width:0px;
  height:0px;
  border-left:12px solid #BDB76B;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  float: left;
  padding-left: 8px;
  vertical-align: 50%;
  display: block;
}