нужен хелп(просто) HTML

есть говнокод https://jsfiddle.net/2f3tcaz0/

если в поле ввода ввести текст - он покажется снизу поля для ввода

 

как его запихнуть в этот сраный блок с аватаром и временем? 

пробовал в Style в хэде написать отступы\координаты - 0 реакции

 

потом пробовал добавить сдвиги при самом создании инпута

 

пробовал еще как-то двигать его - ничего не помогло, и я не могу с этим разобраться

 

 

зато когда я написал 

 input[type=text]:focus {

 

      background-color: lightblue;

      margin: XX px;

    }

у меня всё заработало, но естественно только когда я на поле ввода нажимаю(оно потом прыгает назад) из-за фокуса

а как сделать, что бы оно было сдвинуто всегда, а не только в фокусе? 

let divText = document.querySelector('.container p');

divText.innerHTML = inputIn.value;

lJIEXMARKl сказал(а):↑

есть говнокод https://jsfiddle.net/2f3tcaz0/

если в поле ввода ввести текст - он покажется снизу поля для ввода

 

как его запихнуть в этот сраный блок с аватаром и временем? 

пробовал в Style в хэде написать отступы\координаты - 0 реакции

 

потом пробовал добавить сдвиги при самом создании инпута

 

пробовал еще как-то двигать его - ничего не помогло, и я не могу с этим разобраться

 

 

зато когда я написал 

 input[type=text]:focus {

      background-color: lightblue;

      margin: XX px;

    }

у меня всё заработало, но естественно только когда я на поле ввода нажимаю(оно потом прыгает назад) из-за фокуса

а как сделать, что бы оно было сдвинуто всегда, а не только в фокусе? 

Нажмите, чтобы раскрыть...

у тебя есть тег "p" в блоке '.container'

на тег "p" вешаешь любой класс/id, например: class="text-content"

дальше ты создаешь переменную: let text = document.querySelector('.text-content');

дальше, в ф-ции button.onclick ты добавляешь новое поле:  textContent.innerHTML = inputIn.value;

готово

Siller__ сказал(а):↑

у тебя есть тег "p" в блоке '.container'

на тег "p" вешаешь любой класс/id, например: class="text-content"

дальше ты создаешь переменную: let text = document.querySelector('.text-content');

дальше, в ф-ции button.onclick ты добавляешь новое поле:  textContent.innerHTML = inputIn.value;

готово

Нажмите, чтобы раскрыть...

от души