title: table in td tag, i want table to start from the top how do i make it possible?
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-css lang-css prettyprint-override"><code>.td_1 {
       width:30%;
        border: 1px solid #ff7171;/*red*/
        padding-right: 10px;
        margin-right: 10px;
        position: static;
      }
  
      .td_1_table {
       margin: 0px;
       
       float: right; 
       }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
      
      &lt;td class="td_1"&gt;
      
      This is test
      &lt;table class="td_1_table" border="1" width="200" height="300" cellspacing="0"&gt;&lt;/table&gt;
      
      &lt;/td&gt;
      (...)
      &lt;table&gt;
   </code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/jlfzw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jlfzw.jpg" alt="enter image description here"></a></p>
  
  <p>my table start from middle! which i want to prevent..
  how do i put it top? </p>