HTML, CSS dodawanie tekstu obok obrazka

// wymagane jQuery !

var round_allow = false; // dla dynamicznego zawieszenia obrotu (np w przypadku eventu hover na elemencie)
var elements_count= 5; // liczba elementow do obracania
var rou = 6.3;
var l = rou;
var r = 160; // promien kola na ktorym maja sie krecic elementy
var square_wid = 400; // bok kwadratu #parent_div
var item_wid = 204; // bok kwadratu elementu #cpi_
var square_margin_left = 0;
var square_margin_top = 0;

function generate_elements(n){
   elements_count = n;
$('body').append("<div style='width:"+square_wid +"px;height:"+square_wid +"px;position:fixed;top:50%;left:50%;margin-left:"+(square_wid /2)+"px;margin-top:"+(square_wid /2)+"px;'><div style='width:100%;height:100%;position:relative;' id='parent_div'></div></div>");
    for(x=0;x<n;x++){
       $('#parent_div').append("<div id='cpi_"+x+"' class='element' style='width:"+item_wid"px; height:"+item_wid+"px;position:absolute;background-color:red;border-radius:50%;'></div>");
   }
}

function menu_round(){
	if(round_allow==true){
		var c_obj = elements_count;
		var d_obj = rou/c_obj;
		for(c=0; c<c_obj; c++){
			l2 = l+(d_obj*c);
			var px = r*Math.sin(l2);
			var py = r*Math.cos(l2);
			$O = $('#cpi_'+c); // ID elementu, ktory ma sie obracac
			$O.css("left", ((square_margin_left+(square_wid/2)+px)-(item_wid/2))+'px');
			$O.css("top", ((square_margin_top+(square_wid/2)+py)-(item_wid/2))+'px');
		}
		l -= 0.005; // aby zmienic kierunek obrotu, zamiast -= daj +=
		if(l<0) l = rou; // a tutaj daj if(l>=rou) l = 0;
	}
}

setInterval(function(){ menu_round(); }, 10);

 "<div style='width:"+square_wid +"px;height:"+square_wid +"px;position:fixed;top:50%;left:50%;margin-left:"+(square_wid /2)+"px;margin-top:"+.........

`<div style='width:${square_wid}px;height:${square_wid}px;position:fixed;top:50%;left:50%;margin-left:${square_wid /2}px;margin-top:.. i tak dalej....................`