Its something simple but how do I get the word "ADMIN" to align to the left rather than having it on the right.

 

Usually you would use CSS, something like this:

text-align: left;

placed in the css of the container div

Yeah I have tried that mate but nothing happens.

It's anyone's guess unless we can see your code or a link to the live page...

 

.post-data {

margin: 0 0 20px;

font: bold .9em/1.3em Arial, Helvetica, sans-serif;

color: #b09473;

 

}

.post-data a {

color: #FFF;

text-decoration: none;

padding-bottom: 4px;

 

}

.post-data a:hover {

color: #ca6c18;

text-decoration: none;

}

.post-data span {

padding: 0 0 3px 19px;

margin-right: 12px;

}

.postauthor {

background: #1DAA31;

color: #FFF;

text-transform: uppercase;

font-size: 10px;

}

.postauthor:hover {

background: #1DAA31;

}

.postcategory {

background: #1C8E24;

color: #FFF;

font-size: 10px;

 

}

Can you post the HTML and CSS so we can see what elements have what styles?

.post-data span {
padding: 0 0 3px 19px;
margin-right: 12px;
}

 

This is causing the issue, the left-padding more specifically.

Add to the span:

 

<span style="padding-left:0;">ADMIN</span>