title: Child div doesn't fit to parent div can't be resolve with font-size:0?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;div class="order_ulasan_wrapper_1" style="width:100%; border:solid 1px #ccc; margin-top:15px; font-size:0;"&gt;
         &lt;div class="title" style="border-bottom:solid 1px #ccc;/* display: block; */width: 100%;"&gt;
          &lt;div class="title_1" style="width: 70%;display:inline-block;border-right:solid 1px #ccc;font-size:12px;"&gt;
           left box
          &lt;/div&gt;
  
          &lt;div class="title_2" style="width:30%; display:inline-block; font-size:12px;"&gt;
           right-box
          &lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have a parent div with width:100% and i want to divide it into two child div with width:70% and width:30% then make it inline. But why my right goes down?</p>