JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>DOM</title>
  </head>
  <body>
      <div class="content">

      </div>
  </body>
</html>

CSS

input {
  margin:5px
}

JavaScript

$(function() {
  //left label
  var myradiodiv = $('<div/>', {
        class:     'myradiodiv'
    }).appendTo(".content");

	var items = ["Google","Yandex","Bing"];
	$.each(items, function(i,item) {
	  	$('<label/>',{text:	item}).append(
	  		$('<input/>', {
				type: 'radio',
				name: 'myradio',
				val: 	item
			})
		).appendTo(myradiodiv);
	});
	
  //right label
   var myradiodiv = $('<div/>', {
        class:     'myradiodiv'
    }).appendTo(".content"); 
	$.each(items, function(i,item) {
	  	$('<label/>').append(
	  		$('<input/>', {
				type: 'radio',
				name: 'myradio',
				val: 	item
			})
		).append(item).appendTo(myradiodiv);
	});
});