title: Opera input type="submit" text wrap
body: <p>I have this button on my web-site:</p>
  
  <pre><code>&lt;div id="container-div"&gt;
      &lt;input class="site-button" type="submit" value="very long text"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with the follow CSS:</p>
  
  <pre><code>#container-div .site-button {        
      font-size: 27px;
      height: 100px;
      text-transform: uppercase;
      width: 200px;
      white-space: normal;
      word-wrap: normal;
  }
  </code></pre>
  
  <p>As you can see here: <a href="http://jsfiddle.net/wDU8w/1/" rel="nofollow">http://jsfiddle.net/wDU8w/1/</a> the text wraps nicely inside the button in all browsers except Opera. </p>
  
  <p>I've tried putting different values into <code>white-space</code> and <code>word-wrap</code> but with no result.</p>
  
  <p>After some Googling and forum browsing I found that using the <code>&lt;button&gt;</code> element instead of <code>&lt;input type="submit"&gt;</code> would solve my problem. However, I don't want to meddle with the HTML output as it's generated from a PHP script (I'm using a CMS for my site). Is there a CSS way to force Opera wrap the text inside the button?</p>
  
  <p>I'm using Opera 12.15</p>