So i load in my html page some json objects(see image),but i want to separate them with some kind of line like the blue line in my image. Is there any way?my image: <https://i.stack.imgur.com/h3hUo.png>

my js code 

```
$.getJSON("http://newsapi.org/v2/top-headlines?country=gr&category=health&apiKey=APIKEY", function(data){

   $.each(data.articles,function(index,value){
       console.log(data);
       var author = value.author;
       if (author==null){
           author="No author";
       } 
       var title = value.title;
       var description = value.description;
       if(description==null){
        description ="No description";
       }
       var url = value.url;

    $('.output').append('<p class="author">'+author+'</p><h2 class ="title">'+title+'</h2><p 
    class="description">'+description+'</p><a class="url" href="'+url+'" >Read Article</a>'); //here i append the data to my page

   });

});

```