title: Can I set word-wrap:break-word to input of type submit?
body: <p>Can the CSS <code>word-wrap: break-word</code> be applied to an <code>&lt;input/&gt;</code> of type <code>submit</code>? </p>
  
  <p>Ive applied that css but its not doing anything which isnt what i expected. Im trying to make my submit input wrap around a heading that comes before it. </p>
  
  <p>For <a href="http://jsfiddle.net/9RNZE/" rel="nofollow">this fiddle</a>, can the input or link wrap the heading? So I want the first word of the button and link to be on the same line as the heading and the next word to drop down to the next line. </p>
  
  <pre><code>&lt;div class="cont"&gt;
  
      &lt;div&gt;
          &lt;h3&gt;heading&lt;/h3&gt;
          &lt;input type="submit" id="edit-remove" value="remove room" class="form-submit"&gt;
      &lt;/div&gt;
  
      &lt;div class="clear"&gt;&lt;/div&gt;
  
      &lt;div&gt;
          &lt;h3&gt;heading&lt;/h3&gt;
          &lt;a href="#"&gt;remove room&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="clear"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.clear {
      clear: both;
  }
  
  h3 {
      float: left;
  }
  
  a, input {
      float: left;
      display: inline;
  }
  
  .cont {
      background: grey;
      width: 141px;
  }
  </code></pre>