Retorna valores separados

Pessoal tenho um sistema de tags no meu site, e queria saber como da um echo neles separados. O codigo da input é esse

 <div class="control-group">
                   <label  class="control-label col-md-3 col-sm-3 col-xs-12">Adcionar Tags</label>
                                  <div  class="col-md-6 col-sm-6 col-xs-12">
                 <input id="tags_1" type="text" class="tags form-control" name="tags" value="astronomia, cosmos, sistema solar" />
                <div id="suggestions-container" style="position: relative; float: left; width: 250px; margin: 10px;"></div> </div>
                              </div>  

E o que vai receber é este:

<div class="tags">
                        <h3>Tags</h3>
                        <ul class="list-unstyled tag">
                            <li><a href="#">astronomia</a></li>
                            <li><a href="#"> cosmos</a></li>
                            <li><a href="#"> cometa</a></li>
                            <li><a href="#"> astrofisica</a></li>
                            <li><a href="#"> sistema solar</a></li>
                            
                            <li><a href="#"> sol</a></li>
                            <li><a href="#"> meteoro</a></li>
                            <li><a href="#"> universo</a></li>
                            <li><a href="#"> estrelas</a></li>
                            <li><a href="#">lua</a></li>
                            <li><a href="#"> plutão</a></li>
                            <li><a href="#"> planeta</a></li>
                            
                        </ul>
                    </div>