title: How to get rid of scroll bars/arrows in Wordpress, when using font style called 'Pre'
body: <p>When on Wordpress I use font <code>Pre</code>, instead of seamlessly showing up formatted as Fixed space font, which I was going for, I get</p>
  
  <ul>
  <li>fixed space font</li>
  <li>inside rectangular space area, colored in gray color to accentuate itself</li>
  <li>it has horizontal and vertical scroll bars on right and bottom, with arrows.  </li>
  </ul>
  
  <p>Those arrows look ugly and distract from the overall placement.  moreover, there is nothing to scroll, so the arrows and scroll bars are meaningless.</p>
  
  <p><strong>Question:</strong>  </p>
  
  <p>How can I get rid of those scroll bars and arrows, while keeping fixed font styling?  I have WordPress 4.1 with default theme, Twenty Fifteen.</p>
  
  <p><strong>More on "Pre":</strong></p>
  
  <p>For clarity, I do not mean HTML's <code>&lt;pre&gt;</code> tag.  I mean the WP's Font Style called  <strong>Pre</strong>.  Upon examination, that font does insert HTML tags <code>&lt;pre&gt;</code> around the "Pre"-styled text block, but I am guessing it is the CSS styling or possibly the WP's Theme that causes those arrows and scroll bars to show up.</p>