title: HTML5 Section - how to markup and style on this scenario?
body: <p>I've been give this layout where I have a section, with some information. 
  However, visually, that section has some rows across 100% wide the screen, while the content is only 70%.</p>
  
  <p>Styles are inline for clarification proposes:</p>
  
  <p><strong>Question 1</strong> - is this an acceptable markup ?</p>
  
  <pre><code>&lt;section&gt;
    &lt;div class="row-red" style="width=100%; background-color: red;"&gt;
      &lt;h1 style="width:70%"&gt;section header here&lt;/h1&gt;
      &lt;p style="width:70%"&gt;paragraph 1&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="row-blue" style="width: 100%; background-color: blue;"&gt;
      &lt;p style="width:70%"&gt;paragraph 2&lt;/p&gt; 
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Thanks in advance</p>
  
  <p>here's an example taking from the fiddle wrote here on the first place:</p>
  
  <p><a href="http://jsfiddle.net/gSLww/9/" rel="nofollow">http://jsfiddle.net/gSLww/9/</a></p>