title: Div content alignment using display property with table and table-cell values
body: <p>I am trying to display 2 table cells with same top line mark. </p>
  
  <p>Actual Alignment:
  <img src="https://i.stack.imgur.com/3rsjr.png" /></p>
  
  <p>Expected:</p>
  
  <p><img src="https://i.stack.imgur.com/qpzqK.png" /></p>
  
  <p>Please have a look into my <a href="https://jsfiddle.net/naguwin/bc2wk6ra/7/" rel="nofollow noreferrer">fiddle</a> </p>
  
  <p>Code</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>.related-list-main { width: 300px;display: table;padding: 10px; }
  .related-list-title { font: 12px Verdana,Arial,san-serif;display: table-cell; width: 85%;text-align: left;  /* color: #337ab7; */ }
  .related-list-sno  { font: 22px Verdana,Arial,san-serif;color:#A51F1D; display: display: table-cell; width: 15%;text-align: right;float: right; }
  .related-list-border-bot { border-bottom: 1.5px solid #eceaea;margin: 0 0px; height: 1.5px;text-align: center; }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="patents" class="tab-pane in active "&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Sea Food Flavored Food Products&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      1
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food Ingredients and Food Products Treated with an Oxidoreductase and Methods for Preparing Such Food Ingredients and Food Products&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      2
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food and Process for Producing Food&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      3
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Prepared Food for Functional Food&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      4
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food Ingredients and Food Products Treated with an Oxidoreductase and Methods for Preparing Such Food Ingredients and Food Products&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      5
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food Production Apparatus, the Production of Food and Novel Food Product&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      6
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food Production Apparatus for the Production of Food and Novel Food Product&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      7
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food Ingredients and Food Products Treated with an Oxidoreductase and Methods for Preparing Such Food Ingredients and Food Products&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      8
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Food Interleaver, Method for Imparting Flavor to Food Product, and Combination Food Product and Food Interleaver&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      9
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
   &lt;div class="related-list-main"&gt;
    &lt;div style="display:table-row;width:100%"&gt;
     &lt;div class="related-list-title"&gt;
      &lt;a href="#"&gt;Liquid Food and Non-liquid Food&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="related-list-sno"&gt;
      10
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="related-list-border-bot"&gt;
    &amp;nbsp;
   &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>