title: Same size tabs in bulma
body: <p>I'm using <a href="https://bulma.io/documentation/components/tabs/" rel="nofollow noreferrer">Bulma</a> and I have some tabs with the is-fullwidth option, however, each tab takes a different width depending on the content. I would like all tabs to keep the same size (using ellipsis on text that is too long), preferable avoiding Javascript.</p>
  
  <p>An example of my tabs would be</p>
  
  <pre><code>&lt;div class="tabs is-fullwidth"&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;a&gt;
          First
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;
         A very long thing with a lot of text
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a&gt;
          Third
        &lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Edit</strong><br>
  The number of tabs may change (between 1 and 6) depending on the user config</p>