title: How to set width and height input with semantic-ui components
body: <p>Hello i am new in the semantic world and I want to customize the default input height and width I know that we have predefined classes in semantic like small, big, mini  but I need to have custom height and width.</p>
  
  <p>In semantic documentation (<a href="http://semantic-ui.com/elements/input.html" rel="noreferrer">http://semantic-ui.com/elements/input.html</a>) at the input section we have this message: </p>
  
  <blockquote>
    <p>"Inputs will automatically size themselves unless you manually declare
    a width"</p>
  </blockquote>
  
  <p>I have declared the width in the input like this:</p>
  
  <pre><code>&lt;input  width="10" type="text" value="test" placeholder="empty" readonly&gt;
  </code></pre>
  
  <p>but it doesn't work for me. A little help please.</p>