Trying to fix up adopting layout

[Kyris]

Been fighting with this piece for hours and I can't fix it like I want it to look like.

Essentially I want a space between the adoptables and I can't figure out how to do it. That's pretty much it ^^ Here's the coding I used;

The tweaked part in adopt.php

PHP Code:

if($canadopt == "yes"){

//If we can adopt the adoptable, show the image and adoption link...

$article_content = $article_content."<p><span class='eggs'>
<p><a href='adopt.php?id=".$aid."'><img src='".$eggimage."' border='0'></a></p>";

    if($isloggedin == "yes"){
    $article_content = $article_content."<p><b><a href='adopt.php?id=".$aid."'>Adopt ".$type."</a></b></p></span></p>";
    }
    else{
    $article_content = $article_content."<p><img src='templates/icons/no.gif' border=0> <b>".$guesterror."</b></p>";
    }


} 


And the CSS style I came up with;

.eggs {
float: left;
padding: 10px;
text-decoration: none;
background: #f7f7f2;
border: 1px dotted #000000;
-moz-border-radius: 10px;
border-radius: 10px;
}

Attached is the current site, and basically I'm just looking to have a space in between each pet.

Would (again!) love to have some help for this :)

[fadillzzz]

Just add a margin property to that css and set it to something like 5 px

[Kyris]

It works beautifully! Fadillzzz, I could honestly KISS you right now

[Hall of Famer]

You actually designed a pretty nice page, just play around with css and you will get even better. ^^

[Kaeliah]

Solved = Locked