title: How to move this span to the left in dropdown button?
body: <p>I have a dropdown button that contains a span which is kind of label. The point is that I use specific width which is needed, but Whatever I tried span is not moving to the left. it still stays in the center.</p>
  <pre class="lang-html prettyprint-override"><code>
  &lt;dropdown-button class=&quot;dropdown-button&quot;&gt;
      &lt;span class=&quot;dropdown-label&quot;&gt;Select it&lt;/span&gt;
  &lt;dropdown-button&gt;
  </code></pre>
  <pre class="lang-css prettyprint-override"><code>.dropdown-button {
        min-width: 160px;
        font-size: 14px;}
  
  .dropdown-label {
          text-align: left;}
        
  </code></pre>
  <p>How can I move that dropdown-label which is a span element to the left of the button?</p>