title: Underlining text when using CSS
body: <p>I'm fairly new to CSS, so I want to ensure I'm implementing it correctly. I need to include an explanatory paragraph on a web page. I'd like it to look different, so I've included the following in the external CSS file:</p>
  
  <pre><code>div.usage { font-style: italic; margin-left... margin-right... ; }
  </code></pre>
  
  <p>and then included <code>&lt;div class="usage"&gt;Explanation&lt;/div&gt;</code> in the HTML file. This is working as expected.</p>
  
  <p>My understanding is that when using CSS, content and layout are separated. How, then, would I underline some text in my explanation? My understanding is that I should <em>avoid</em> the following: <code>&lt;div class="usage"&gt;This is &lt;u&gt;very&lt;/u&gt; important.&lt;/div&gt;</code>.</p>