title: Make a form Input styled as text - To wrap down
body: <p>I have a form button input styled as text,
  I want that text to wrap according to the width of the DIV it is trapped in.
  But it doesn't</p>
  
  <p><a href="https://jsfiddle.net/bw74vxwd/" rel="nofollow">See Fiddle Here</a></p>
  
  <p>CSS:</p>
  
  <pre><code>.content {
  width:125px;height:180px;float:left;color:black;background:white
  }
  .text{overflow:visible;margin:0;padding:0;border:0;color:blue;background:0 0;font:inherit;text-decoration:none;cursor:pointer;-moz-user-select:text;line-height:normal}
  .text:focus,.text:hover{color:#333;text-decoration:underline}
  .text::-moz-focus-inner{padding:0;border:0}
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;div class="content"&gt;
      &lt;form action="a.php" method="POST" target="_blank"&gt;
      &lt;input type="submit" class="text" value="Some Very Long Text Here Doens't Wrap"&gt;
      &lt;/form&gt; 
    &lt;/div&gt;
  </code></pre>