I need this all to be horizontal, not vertical.

[CranberryPunch]

  {block:HasTags}
       {block:Tags}
          <font size="2"> 
          <font color="#FFFFFF">
          <a href="{TagURL}">{Tag}</a>
          </font>
          </font>
       {/block:Tags}
    {/block:HasTags}
 

 <li>
   <ul class="post_controls group">
     <li>{ReblogButton size="21"}</li>
     <li>{LikeButton size="21"}</li>
   </ul>
 </li>
 

is what I am using to display tumblr tags, but it displays them vertically, which obviously takes more space. I need them to be horizontal, below the post itself. Same for the like and reblog options. I would also like to know how to change the "days ago" text to black.

Here is a link to see what it looks like- http://askgamerflitterandcloudchaser.tumblr.com/ (needs work, I know.)

[CranberryPunch]

.tag {
                color: {Color:Accent};
                display: inline;
            }
 
            .tag span {
                color: #4c4c4c;
                display: inline;
            }
 
 

seems I forgot this part