title: Multiple content: attr() values
body: <p>I'm trying to display 2 things in my elements; the <code>class</code> name and an own created <code>data-size</code> variable. Seperated with one white space.</p>
  
  <p>I could get this working by doing this:</p>
  
  <pre><code>.element:before {
     content: attr(class);
  }
  
  .element:after {
     content: attr(data-size);
  }
  </code></pre>
  
  <p>But it doesnt seem like a the right way to do it. I have also tried to do this:</p>
  
  <pre><code>.element:before {
     content: attr(class data-size);
  }
  </code></pre>
  
  <p>But that didnt work aswell.</p>
  
  <p><strong>Input</strong></p>
  
  <p><em>HTML</em></p>
  
  <pre><code>&lt;div class="element" data-size="20"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><em>CSS</em></p>
  
  <pre><code>.element:before {
      content: attr(class data-size);
  }
  </code></pre>
  
  <p><strong>Wanted output</strong></p>
  
  <p>element 20</p>
  
  <p><a href="http://jsfiddle.net/vD4E3/" rel="noreferrer"><strong>Demo here</strong></a></p>