title: How to made width and height of an element to be more flexible?
body: <p>I have an element that needs to be wrapped. I would like to know if there are any more effective way to create this wrapper than set height and width because I have to change it so many times to get what I want.</p>
  
  <pre class="lang-css prettyprint-override"><code>.search{
      background-color: black;
      color:white;
      text-align: center;
      height: 20px; 
      width:20px;
  }
  </code></pre>