can't create space around the red block [div]

danish007 · March 5, 2015

Hi,

Please check the attached image. I want to create space between the wrapping text and the red block of div. I want kinda padding thing for the top section where the text and the block meets..

HTML code =

<!doctype html>

<html>

<head>

<title>This is for Testing</title>

</head>

<body>

</div>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. ###### sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. </p>

</div>

</div>

</body>

</html>

CSS code

body {

background: linear-gradient(white, gray);

background-position:top;

font-family: 'Droid Serif', serif;

font-size: 12px;

margin: 0;

}

#parent {

background: #CCC;

width: 600px;

position: relative;

margin: auto;

padding: 10px;

}

#child {

background: #F66;

height: 150px;

width:150px;

position: relative;

left: 0px;

top: 0px;

float: left;

}

Please help

Ingolme · March 6, 2015

Try giving it a margin or padding.

Sign In

can't create space around the red block [div]

Recommended Posts

danish007

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity