title: How to extend in css the right vertical div line when there is a horizontal div line next to it like down below?
body: <pre><code>The code may be missing but help me fix it.
  </code></pre>
  <p>Use an editor and explain to me how to extend this down below  in images...
  PLEASE HELP ME what properties or what can I do to extend justa a a line</p>
  <p><a href="https://i.stack.imgur.com/oH4Ed.png" rel="nofollow noreferrer">Image of what I want</a></p>
  <pre><code>&lt;html&gt;
      &lt;div class=&quot;new2&quot;&gt;
              &lt;div class=&quot;new1&quot;&gt;
      
              &lt;/div&gt;
      
      &lt;style&gt;
      .new1{
        background-color: #ccc;
      width: 1px;
      height: 2000px;
      margin-left: 1200px;
      margin-bottom: 200px;
      float: right;
      
      }
      
      .new2 {
       background-color: #ccc;
        width: 1000px;
      height: 1px;
      margin-top:300px;
      float: left;
      }
      
      &lt;/style&gt;
      &lt;/html&gt;
  </code></pre>