title: How to make shadow and border styles be applied to both div(inside input) and input as one single element?
body: <p>I need to insert div element in the right corner of input text field (it's a search field), but styles are applied only to search field, like div element is inserted not inside of it and is not part of it</p>
  
  <pre><code>     &lt;form class="search_form"&gt;
  
                       &lt;input type="text" value="Введіть назву події" &gt;
  
  
                     &lt;div type='button' class="city_select"&gt;
                     &lt;/div&gt; 
                           &lt;/input&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>How to do so that shadows and borders are applied to both div and input as one single element?</p>