Anna Anna - 5 months ago 35
CSS Question

How to delete space in css?

I need to delete space between the line and the picture. At screenshot it is seen that at the bottom of the line everything is ok, but on top, there is a space. It is set in .about_img:after (css file)
What have I done wrong?

enter image description here

Here's the code:

.clearfix:after {
content: " ";
display: table;

.clearfix:after {
clear: both;
.left {
float: left;
.right {
float: right;
h5.title {
margin-bottom: 10px;
font: 18px/18px Arial, sans-serif;
font-weight: bold;
color: #222222;
text-align: center;
margin-left: 16%;
margin-top: 70px;
width: 30%;
text-align: right;
text-align: left;
float: right;
width: 20%;
content: '';
display: block;
margin: 0 auto;
height: 94px;
width: 3px;
background: #f1f1f1;
.about_img img{
display: inline-block;
width: 170px;
height: 170px;
border: 7px solid #f1f1f1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;

margin-right: 20%;

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>PSD to HTML</title>
<link type="text/css" rel="stylesheet" href="css/reset.css"/>
<link type="text/css" rel="stylesheet" href="css/index.css"/>

<div id="wrapper">
<div id="about" name="about" class="box">
<div class="about-wrap">
<div class="about_item clearfix">
<div class="about_text left">
<h5 class="title"><span>July 2010</span> <br/>Our Humble Beginnings</h5>
<p>Proin iaculis purus consequat sem cure
digni ssim.
<div class="about_img left">
<img src="img/about_item1.png" alt=""/>
<div class="about_item clearfix move_left">
<div class="about_text right about_right move_left_p">
<h5 class="title"><span>January 2011</span><br/>
Facing Startup Battles</h5>
<p>Proin iaculis purus consequat sem cure
digni ssim.</p>
<div class="about_img right">
<img src="img/about_item2.png" alt=""/>


try the following:

        margin: -5px auto 0 auto;