title: all elements within horizontal navigation on same height
body: <p>I got a horizontal ul-li navigation. Inside the li elements are anchor elements. Some of those anchor elements have more lines of text than others, so they have different heights which looks quite crappy. The li elements have the same height (equal to the tallest anchor element).</p>
  
  <p>Setting the anchor element height to 100% didn't do anything.</p>
  
  <p>Solutions I know of right now:
  - giving the anchor elements a fixed height
  - use JS to scale the font size to ensure that all anchor elements have only one line of text
  - use JS to equalize the height of the anchor elements once everything is loaded</p>
  
  <p>I want to avoid using JS for styling purposes, and I'd like to keep the height dynamic instead of fixed, so that I don't have to update the css manually each time the content of an anchor element might change.</p>
  
  <p>Is there any other option?</p>
  
  <p>Thanks.</p>