.header {
width: 900px;
height: 200px;
background: #ccc;
margin: 0 auto;
}
.content {
display: flex;
position: relative;
margin-top: 30px;
}
.content > p {
width: 600px;
margin-left: 260px;
}
.banner {
background: red;
width: 100px;
height: 100px;
position: absolute;
right: 270px;
}.sale_opt {
height: 100%; // вы это не задали просто)
display: flex;
justify-content: center;
}
document.querySelector('body').addEventListener('wheel', blockWheel);
function blockWheel(event) {
event.preventDefault();
}background картинку фоном только позицию задайте нижнюю и по центру и всё получиться. Пример:
var newDiv = document.createElement("div");
newDiv.className = "coin_icon";
newDiv.textContent = "Привет!";