title: How can I reduce the width of an area?
body: <p>At the moment I have this :</p>
  
  <p><a href="https://i.stack.imgur.com/lfBum.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lfBum.png" alt="enter image description here"></a></p>
  
  <p>And I want to delimit the 3 elements to have something like this : </p>
  
  <p><a href="https://i.stack.imgur.com/SwyMs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SwyMs.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;th class="fc-day-header fc-widget-header fc-sat" data-date="2016-10-01"&gt;JOUR 1&lt;br&gt;samedi 1 octobre&lt;/th&gt;
  </code></pre>
  
  <p>I tried to reduce the width of the fc-day-header class but that changed nothing.</p>
  
  <p>I am very bad at css so I don't know what to do.</p>
  
  <p>Have an idea ? </p>
  
  <p>EDIT: html structure:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th class="fc-axis fc-widget-header" style="width:18px"&gt;&lt;/th&gt;&lt;th class="fc-day-header fc-widget-header fc-sat" data-date="2016-10-01" style="width:70%;"&gt;JOUR 1&lt;br&gt;samedi 1 octobre&lt;/th&gt;
        &lt;th class="fc-day-header fc-widget-header fc-sun" data-date="2016-10-02"&gt;JOUR 2&lt;br&gt;dimanche 2 octobre&lt;/th&gt;
        &lt;th class="fc-day-header fc-widget-header fc-mon" data-date="2016-10-03"&gt;JOUR 3&lt;br&gt;lundi 3 octobre&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The html and the css are not mine, they are generated by full calendar.</p>
  
  <p>I can modify them only by javascript.</p>