Два встроенных подразделения, влияющие друг на друга через CSS ⇐ Javascript

[Anonymous]

Итак, я должен создать простую веб -страницу с программой JavaScript, которая генерирует случайные цвета при щелчке кнопки. Между абзацем и левой секцией и кнопкой под ним, но все же он влияет на правую часть. < /p>

Код: Выделить всё

Random Color Generator

PROGRAM







use the button below

to generate a new, random color!

Click Here

RGB:











you can easily generate random colors

with just a click.
also if you hover over the title above,

you'll see a fascinating animated title called gradient color.







Designed And Programmed By BATMAN.




< /code>

*{< /p>
padding: 0%;

margin: 0%;

box-sizing: border-box;
< /code>
} < /p>
body {< /p>
background-color: #161616;

overflow-x: hidden;

font-size: 25px;

width: 100%;

padding: 20px;
< /code>
} < /p>
.border_
width: 100%;

height: 100%;

border: 1px solid white;
< /code>
} < /p>
.containermypadding: 8% 3%;
< /code>
} < /p>
.HeadermeSewidth: 100%;

height: auto;

display: block;

text-align: center;
< /code>
} < /p>
.header-topmargin: 5% 0%;

font-size: 60px;
< /code>
} < /p>
.Header-botmabrodse-botmaber />  Margin: 5% 0%; < /p>
font-size: 180px; < /p>
} < /p>
.width: 100%;

height: auto;
< /code>
} < /p>
.sec-leftmydisplay: inline-block;

width: 50%;

height: 267px;

padding: 5px;

padding-right: 15px;

text-align: center;
< /code>
} < /p>
.sec-rightdisplay: inline-block;

width: 50%;

height: auto;

padding: 5px;

padding-left: 15px;
< /code>
} < /p>
.sec-right p {< /p>
display: block;

text-align: center;
< /code>
} < /p>
.col-displayma
width: 200px;

height: 200px;

background-color: blueviolet;

margin-right: auto;

margin-left: auto;
< /code>
} < /p>
.Article_
width: 100%;

height: auto;

margin-top: 20px;

margin-bottom: 50px;

text-align: center;
< /code>
} < /p>
.footer_
width: 100%;

height: auto;

margin-top: 50px;

font-size: 18px;

}

Подробнее здесь: https://stackoverflow.com/questions/797 ... hrough-css