title: Can I limit the width of element relative to its parent?
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en-US"&gt;
  &lt;head&gt;
    &lt;title&gt;KPMG HTML5 TEST&lt;/title&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" type="text/css" href="m5.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="content"&gt;
      &lt;header class="header"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/header&gt;
      &lt;div class="nav"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="upper_left"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="upper_right"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="left"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="center"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="right"&gt;
        &lt;p&gt;testing for responsivenedddddddddddddddddddddddddddddddsssssssssssssSSSSSSSSss&lt;/p&gt;
      &lt;/div&gt;
      &lt;footer class="footer"&gt;
        &lt;p&gt;testing for responsiveness&lt;/p&gt;
      &lt;/footer&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am trying to create a website with responsive web design. Here's my CSS file.</p>
  
  <pre><code>*{
      box-sizing: border-box;
  }
  .content{
      width:67.625%;
      position: relative;
  }
  .upper_left,.left{
      float:left;
  }
  .upper_right,.center, .right{
      float:left;
      margin-left: 1.663586%;  /*18px*/
  }
  
  .upper_left{
      width:74.5841%;
  }
  .upper_right{
      width:23.752311%;
  }
  .left{
      width:23.752311%;
  }
  .center{
      width:49.168207%;
  }
  .right{
      width:23.752311%;
      position: relative;
  }
  </code></pre>
  
  <p>Since I want to create a website with width 67.625%only (1082px out of 1600), I want paragraph on div right to move to next line when it exceeds the width 23.752% of content(67.652% of the monitor). I tried to make the position of content class and right class relative but it does not work. Is there any way this could be solved?</p>