JSFiddle - React, Tailwind, and code Playground

HTML

<div id='results'></div>
<script>
  function top_stories(o) {
    var items = o.query.results.item;
    var output = '';
    var no_items = items.length;
    for (var i = 0; i < no_items; i++) {
      var title = items[i].title;
      var link = items[i].link;
      var desc = items[i].description;
      output += "<h3><a href='" + link + "'>" + title + "</a></h3>" + desc + "<hr/>";
    }
    // Place news stories in div tag
    document.getElementById('results').innerHTML = output;
    console.log(output);
  };
  // remark out the next line as required for testing.  ditto for the next <script> element.
  //src = 'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D%22http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories%22&format=json&callback=top_stories';
</script>
<script src='https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D%22http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories%22&format=json&callback=top_stories'></script>

CSS

#results {
  width: 40%;
  margin-left: 30%;
  border: 1px solid gray;
  padding: 5px;
  height: 200px;
  overflow: auto;
}