title: How to add arrow on the right of drop down list button using CSS
body: <p>I'm developing drop down list in polymer. Currently I have problem with CSS.</p>
  
  <p>Here you can find example:</p>
  
  <p><a href="https://jsfiddle.net/9ayyzudh/5/" rel="nofollow noreferrer">jsfiddle example</a></p>
  
  <pre><code>&lt;div style="width:200px" class="button initial gray"&gt;
  &lt;div style="padding-left:12px;padding-right:12px;"&gt;
  &lt;div class="button-value truncated" style="width:inherit;"&gt;
  Select value very long label with dots at the end
  &lt;/div&gt;
  &lt;div class="arrow"&gt;&amp;#x25BC;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to create the following drop down list, but I have problem with arrow visible on the right of button.</p>
  
  <p>Question is, how to achieve this:</p>
  
  <p><a href="https://preview.ibb.co/m2imYS/example.gif" rel="nofollow noreferrer">gif example</a></p>
  
  <p>I will be very grateful for your help !!!!</p>