2 estilos de links en una misma linea

[American2010]

2 Links distintos en una misma linea...

¿Me ayudan a ver como lo hago?

Como se ve ahora los links en cuestion es así...



Yo quisiera que se vean así

Zendoku • Sin Comentarios

Si bien se me ocurre que la solucion sería crearle 2 nuevos divs, no estoy seguro...

Les dejo los códigos de todo lo que entra en juego para mostrar eso en pantalla...

Esto en el sidebar que lo presenta en pantalla

Código PHP:

 <div id="tab1" class="tabcontent">
<ul>
<?php query_posts('showposts=5&orderby=date'); ?>
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> &bull; <?php comments_popup_link('Sin Comentarios', '1 Comentario', '% Comentarios'); ?></li>
<?php endwhile; ?>
</ul>
</div>  

Y en style.css lo relacionado con ese div estaría aca

Código PHP:

  .tabcontent {
    display: none;
    background: #FFF url(images/tabtop.gif) no-repeat top;
    border: 1px solid #eee;
    border-top: 0;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    font-size: 11px;
}

.tabcontent a, .tabcontent a strong {
    color: #2c78b9;
    line-height: 1.4em;
    font-size: 14px;
}

.tabcontent a:hover, .tabcontent a:hover strong {
    color: #5ea2e7;
}

.tabcontent ul li {
    display: block;
    background: url(images/bullet.gif) no-repeat;
    background-position: left 5px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 20px;
    color: #999;
    line-height: 1.4em;
    font-size: 11px
}

.tabcontent ul li a {
    color: #2c78b9;
    line-height: 1.4em;
}

.tabcontent ul li a:hover {
    color: #5ea2e7;
}

.tabcontent ul li span {
    display: block;
    color: #999;
}
/***************** CSS For TAB Content *******************/
@media print {
    .tabcontent {
    display: block !important;
    }
}