title: How to add style (font-size) to certain tags in Javascript
body: <p>So Im making bootstrap cards (with an image, title, description, links etc). The descriptions vary in length, from 50-250 chars and I want it to fit a fixed width and height. So I was thinking getting the length of the description and popping it into an if statement to change the font-size.</p>
  
  <p>But applying the font-size <strong>just</strong> to the descriptions that are over a certain length, is where I'm running into trouble. </p>
  
  <p>Here is where the HTML is formed in the function:</p>
  
  <p><code>card.innerHTML = "&lt;div class='card'&gt;&lt;img class='card-img-top' src='" + imgAddress + "' alt='Image'&gt;&lt;div class='card-block'&gt;&lt;h4 class='card-title'&gt;" + title + "&lt;/h4&gt;&lt;span class='desc'&gt;" + desc + "&lt;/span&gt;&lt;a href='" + linkAddress + "' download&gt;&lt;button class='btn btn-primary'&gt;View on our website&lt;/button&gt;&lt;/a&gt;"+ addSpreadsheet + "&lt;/div&gt;&lt;div class='card-footer'&gt;Expires: "+ endDate + "&lt;/div&gt;&lt;/div&gt;";
  </code></p>
  
  <p>A bit messy, so essentially we just need this line</p>
  
  <p><code>&lt;span class='desc'&gt;" + desc + "&lt;/span&gt;</code></p>
  
  <p>Is there any way I could add an ID, or class to particular spans? I could get it working if I changed the font size of the entire card, but thats obviously not gonna work.</p>
  
  <p>Let me know if you'd require more info or code. But I think that looks to be enough.</p>