title: How to align two divs (one fixed and the other with break word attribute)?
body: <p>I'm having problems with the attibute "word-wrap:break-word;" when trying to align horizontally with another DIV and its inside a DIV. Easy to understand my problem seeing this two examples:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#container {
    height: auto;
    overflow: hidden;
  }
  #left {
    background-color: green;
    width: 120px;
    height: 20px;
    overflow: hidden;
  }
  #right {
    width: calc(100% - 120px);
    float: right;
    height: auto;
    display: inline-block;
    word-wrap: break-word;
    background-color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="container"&gt;
    &lt;div id="right"&gt;AAAAAAAAAAAAAAAAAAAAA&lt;/div&gt;
    &lt;div id="left"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://jsfiddle.net/galacticpower/a3nyxhtj/4/" rel="nofollow">http://jsfiddle.net/galacticpower/a3nyxhtj/4/</a></p>
  
  <p>Here, if the navigator is resized, the right div text is broken as needed! Yeah!</p>
  
  <p>Adding a div inside the right div and its style comes the problems...</p>
  
  <pre><code>#inside_right{
    width: auto; 
    display: inline-block; 
    word-wrap:break-word;
    background-color: yellow;
  }
  
  &lt;div id="container"&gt;
    &lt;div id="right"&gt;
      &lt;div id="inside_right"&gt;AAAAAAAAAAAAAAAAAAAAA&lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="left"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/galacticpower/a3nyxhtj/3/" rel="nofollow">http://jsfiddle.net/galacticpower/a3nyxhtj/3/</a></p>
  
  <p>Here if the navigator is resized the "word-wrap:break-word" attribute is lost. The text is not broken! I need to apply some style in a div inside the right div without losing this behaviour. </p>
  
  <p>To summ up, I want that the words were broken in the second example...</p>
  
  <p>Any ideas?</p>
  
  <p>Thank you so much!</p>