title: How to remove white space between two elements in my div (see image)?
body: <p>I have been trying to fit in 3 different elements inside a div and have ran into problems. I cannot seem to get rid of the huge white space between my header and the paragraph. I have used a document on margin and padding to solve this issue, although I have made some progress there is still some unsolved problems.</p>
  
  <p><img src="https://i.stack.imgur.com/03MPy.jpg" alt="enter image description here"></p>
  
  <p>My attempt:</p>
  
  <pre><code>&lt;html&gt;
      &lt;header&gt;
          &lt;link rel="stylesheet" type="text/css" href="style2.css"&gt;&lt;/header&gt;
      &lt;body class="about"&gt;    
          &lt;div class="content-wrapper"&gt;
  
              &lt;img class="hk-img" src="hksquared.jpg" height= "400px" width="400px"&gt;
  
              &lt;h1 class="text-header-content"&gt;Web Development. Software Development. E-commerce. Photograpy.&lt;/h1&gt;
  
              &lt;p class="text-content"&gt;Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum.&lt;br&gt;&lt;br&gt;&lt;br&gt;Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
              &lt;/p&gt;
          &lt;/div&gt;
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>/*About page content*/
  .content-wrapper{
    display: inline-block;
    width: 1000px;
    padding:0px;
    margin-top: 50px;
    margin-right: 100px;
    margin-left: 50px;
    position: fixed;
    border:2px solid black;
  }
  
  .text-header-content{
    display: inline;
    width: 400px;
    float: right;
    padding:0px;
    margin-top: 0px;
  }
  
  .text-content{
    display: inline;
    width: 400px;
    padding:0px;
    color: black;
    float: right;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  </code></pre>