How to adjust dropdown menu width to fit its content?
<p>Instead of having 600% width on dropdown-content I would like it to adjust itself to the width of its content...</p>

<p>I have been searching everywhere without success. Does anyone knows how can I do it?</p>

<p><a href="https://jsfiddle.net/eph0nk9v/" rel="noreferrer">https://jsfiddle.net/eph0nk9v/</a></p>

<pre><code>&lt;div class="dropdown"&gt;
          &lt;button class="dropbtn"&gt;Language       &lt;/button&gt;
          &lt;div class="dropdown-content linguas"&gt;
                &lt;a href="#" id="fr"&gt;       Français             &lt;/a&gt;
                &lt;a href="#" id="es"&gt;       Español              &lt;/a&gt;
                &lt;a href="#" id="en"&gt;       English              &lt;/a&gt;
          &lt;/div&gt;
</code></pre>

<h2>    </h2>

<hr>

<p>edit:</p>

<p>I want the three options to be on the same line.
That's a picture of what the final result should look like: <a href="http://unasus.ufcspa.edu.br/cidadesvirtuais/rafaela/img/final.png" rel="noreferrer">http://unasus.ufcspa.edu.br/cidadesvirtuais/rafaela/img/final.png</a></p>