title: centering a span link
body: <p>I am trying to create menu.</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;ul&gt;
      &lt;li class="xd_nav_link_1"&gt;&lt;a href=""&gt;&lt;span&gt;link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="xd_nav_link_2"&gt;&lt;a href=""&gt;&lt;span&gt;link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="xd_nav_link_3"&gt;&lt;a href=""&gt;&lt;span&gt;link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="xd_nav_link_4"&gt;&lt;a href=""&gt;&lt;span&gt;link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>I can not focus in height is a link span.
  I also like that it is centered in a: hover</p>
  
  <p>Demo <a href="http://jsfiddle.net/tatane/EWXtB/" rel="nofollow">here</a>
  Thank</p>