Umz15 Umz15 -5 years ago 136
CSS Question

How to remove white space between two elements in my div (see image)?

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.

enter image description here

My attempt:

<link rel="stylesheet" type="text/css" href="style2.css"></header>
<body class="about">
<div class="content-wrapper">

<img class="hk-img" src="hksquared.jpg" height= "400px" width="400px">

<h1 class="text-header-content">Web Development. Software Development. E-commerce. Photograpy.</h1>

<p class="text-content">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.<br><br><br>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.



/*About page content*/
display: inline-block;
width: 1000px;
margin-top: 50px;
margin-right: 100px;
margin-left: 50px;
position: fixed;
border:2px solid black;

display: inline;
width: 400px;
float: right;
margin-top: 0px;

display: inline;
width: 400px;
color: black;
float: right;
margin-bottom: 0px;
padding-bottom: 0px;

Answer Source

Add style to your image:


see here

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download