CSS: margin issues - php

Question

I'm trying to output multiple elements in a single class, but i'm having trouble separating the top of page from the actual elements.
I've tried separating each image with div.element img:not(:nth-of-type(1)){ and div.element img:nth-of-type(1){ that didn't work. How would I manipulate the space between the first element, but not the others?
<div class="element">
<img src="http://website.com">
</div>
<div class="element">
<div id="Projecttitle" class="Projecttitle">Test Title</div>
</div>
<div class="element">
<div id="Projectdescription" class="Projectdescription">Test description</div>
</div>
<div class="element">
<img src="http://website.com">
</div>
<div class="element">
<div id="Projecttitle" class="Projecttitle">Test Title</div>
</div>
<div class="element">
<div id="Projectdescription" class="Projectdescription">Test description</div>
</div>

Answer 1

div.element:first-child {
padding-top: 0;
}
div.element {
padding-top: 10px;
}

Answer 2

Your HTML doesn't make sense. If you keep elements that logically belong together, you get semantic code that's much easier to style, like so:
<div class="project">
<div class="image">
<img src="#" alt="image">
</div>
<div class="text">
<h1>Test Title</h1>
<p>Test description</p>
</div>
</div>
And some CSS:
.image {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding: 10px 20px 10px 0;
}
.text {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding: 10px 0 10px 20px;
border-left: 1px solid black;
}
.project:first-child .image,
.project:first-child .text {
padding-top: 0;
}
.project:last-child .image,
.project:last-child .text {
padding-bottom: 0;
}
JSFiddle
That should get you started!

Answer 3

Try this:
div.element:nth-of-type(1) img {
padding-top: /* some value */;
}
The :nth-of-type(), and similar, pseudo-classes act on elements in the context of their parent. In other words, it only evaluates direct siblings. Your individual <img> elements are not siblings of each other, because they have different parents.