Как разместить divs с помощью javascript или jquery?

Question

У меня есть код ниже. Мне нужно расположить элементы div.

<div id="outer" style="width:300px"> 
<canvas></canvas> 
<div id="inner"> 
<div class="a"> val1 </div> 
<div class="a"> val2 </div> 
<div class="a"> val3 </div> 
<div class="a">val4</div> 
</div> 
</div> 
.a{ 
'overflow': 'hidden', 
'text-overflow': 'ellipsis', 
'white-space': 'nowrap' 
} 

Мне нужно расположить внутренний элемент вокруг элемента холста. предположим, что если я дам нижнюю позицию, она попадает под элемент холста и должна быть выровнена по горизонтали. если я правильно задаю позицию, внутренний div должен быть справа от холста, и он должен быть вертикально центрирован. Я даю позицию атрибута скрипту. Я много пробовал в JavaScript через CSS. Предположим, если нет места во внешнем DIV внутренний текст DIV не нужно сжать с ... (точек) .. пожалуйста, помогите мне ..

Answer 1

Вы можете установить свойство CSS Somthing как этот

document.getElementById("id").style.porpertyName = "value" ; 

Answer 2

var div = document.createElement("div"); 
div.style.width = "100px"; 
div.style.height = "100px"; 
div.style.background = "red"; 
div.style.color = "white"; 
div.innerHTML = "Hello"; 

document.body.appendChild(div); 

Refer This