Astrohas

Есть два ваианта:

1. <hr width="1" size="700">
   
2. border
   

#main a:nth-child(3n) div{background: red;}
пруфы
тока нехорошо совать блочные элементы в строчные

Стилизовать никак не получится. А вот изменить например текст можно

oninvalid="this.setCustomValidity('Please Enter valid email')"

добавлением этого атрибута

https://jsfiddle.net/867w57yc/

.wrapper>.black+.red+.blue
как то так

.wrapper{position: relative;}
.blue{position:absolute}

https://jsfiddle.net/964wj9yk/7/

<meta name="viewport" content="width = 1200">
вот почему
+
используйте это

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

вместо

<meta name="viewport" content="width=device-width, initial-scale=1">

$(".cat1").css("background-color", changelogTotals_colors[0]);

будет вызываться только к тем элементам которые есть в Dom. Для решения вопроса либо после

$(".popupcontent").append(" <div class=\"changelogCategory cat1\">текст</div>\n" +");

еще раз вызовите

$(".cat1").css("background-color", changelogTotals_colors[0]);

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