title: How to remove the space between words CSS
body: <p>I added some <strong>letter-spacing</strong> to my strong elements and I had a large space at the beginning of each word : <a href="https://i.stack.imgur.com/NFFNZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NFFNZ.png" alt="enter image description here" /></a>.</p>
  <p>I tried to add <strong>word-spacing: -4px</strong> but space stays the same :/
  How could I remove this space (between the &quot;The&quot; and the &quot;852&quot; ?) I would like each letter to be at the same distance. Like if there were no spaces between the words.</p>
  <p>CSS:</p>
  <pre class="lang-css prettyprint-override"><code>.sub-lead {
      text-align: justify;
      font-family: 'Poppins', sans-serif;
      font-weight: 300;
  }
  
  strong {
      letter-spacing: 3px;
  }
  
  </code></pre>
  <p>HTML :</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;sub-lead&quot;&gt;
      &lt;strong&gt; THE &lt;/strong&gt; 8 5 2 &lt;strong&gt; EXPERIENCE &lt;/strong&gt; 9 0 &lt;strong&gt; YOU &lt;/strong&gt; 0 8 5 &lt;strong&gt; ARE &lt;/strong&gt;
  &lt;/div&gt;
  </code></pre>
  <p>PS: I also tried to remove the spaces in the code but it changes nothing.</p>
  <p>EDIT: The space between each character of the text must be the same, even if it's not the same word. That's why I tried to use letter-spacing on strong elements.</p>