title: Keeping text size the same on zooming
body: <p>I want to make a line on the top of the page that can't be zoomed. Neither the line, nor the text contained in it. The main problem is the text. Whenever I zoom in my browser, the line stays the same height, but the text in it grows, and goes out from the line. </p>
  
  <p>Is there any css command what I can use? </p>
  
  <p>I've already tried <code>font-size-adjust: none;</code> and <code>-webkit-text-size-adjust: none;</code> but none of them worked.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/Y9F5m/3/" rel="noreferrer">fiddle</a> what I've tried to do.</p>