Что происходит со стилем при добавлении js сгенерированного div к другому div?

Question

У меня есть REST api, созданный синхронно c с SQL базой данных, где я храню информацию о сообщениях. Приведенный ниже код является частью функции, которая получает данные из базы данных и отображает их на странице html. Я попытался использовать второй элемент (средний план между границами, содержащими otsikko), чтобы он касался только itali c, оставив остальную часть текста нетронутой. Но когда я складываю их вместе, кажется, что весь текст превращается в itali c. Итак, мой вопрос: есть ли какой-либо способ сделать это и что на самом деле происходит со свойствами стиля объекта при его добавлении?

var ele = document.createElement("DIV"+i);
                var ele2 = document.createElement("DV"+i);
                var eleimg = document.createElement("D"+i);
                var txt = document.createTextNode(ps[i]);
                var otsikko = document.createTextNode(po[i]);
                ele.setAttribute("style", " display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em;border: 2px groove ; height: 160px; ");
                ele2.setAttribute("style", " display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em;border: 2px groove; height: 120px; " );
                eleimg.setAttribute("style", "float: left;");
                console.log(pk[i]);
                console.log(typeof ps[i]);
                console.log(typeof po[i]);
                eleimg.appendChild(img);
                ele.appendChild(otsikko);
                ele.appendChild(ele2);
                eleimg.appendChild(img);
                ele2.appendChild(txt);
                ele2.appendChild(eleimg);
                document.body.appendChild(ele)
    }```