Bootstrap标记问题

Question

我想要的是什么：

1：  我想要的是echo '<span class="badge bg-red">Denied</span>';直接位于echo '<b><a href="https://####/reactie"> '</b></a>';之下，img是全高。

2：我想要的第二件事是

下面有一条小线

echo '<b><a href="https://####/reactie"> '</b></a>'; echo '<a> - ' . $topic['voornaam'] . '</a>';

How it looks like now.

代码：

   <div class="box box-info">
    <div class="box-header with-border">
        <h3 class="box-title"><b>Topics</b></h3>
    </div><!-- /.box-header -->          

<div class="box-body">
     echo '<div id="topic">';
     echo '<img style="height:100%;"class="img-circle" src="###.'/'.###'" />'; 
       echo '<i class="fa fa-fw fa-user img-circle"></i>';
       echo '<b><a href="https://####/reactie"> '.$####'</b></a>'; 
       echo '<a> - ' . ####. " " . #### . '</a>';
       echo '<span style="float:right;"class="fa-stack"><span class="fa fa-comment-o fa-stack-2x"></span><strong class="fa-stack-1x" style="font-size:10px;">999</strong></span>';
       echo '<span class="badge bg-red">Denied</span>';
       echo '</div>';
    }
  ?>
    </div><!-- /.box-body -->
    <div class="box-footer text-center">
    </div><!-- /.box-footer -->
    </div><!-- /.box -->

自定义css：

#topic a {
    color: black;
    margin-left: 1%;
}

#topic {
    padding: 10px;
}

#topic i{
    font-size: 2.3em;
    width: 33px;
}