.card {...}div.card{...}ul.pagination li a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
}bg {
background-color: rgba(249, 201, 16, 1);
}
bg:hover {
background-color: rgba(249, 201, 16, 0.5);
}<div class="search-form">
<form method="post">
<input id="search" name="" value="" placeholder="Поиск" required="" type="search" autocomplete="off">
</form>
</div><!DOCTYPE html>
<html>
<head>
<style>
#progressbar {
background-color: black;
border-radius: 13px; /* (height of inner div) / 2 + padding */
padding: 3px;
}
#progressbar > div {
background-color: orange;
width: 40%; /* Adjust with JavaScript */
height: 20px;
border-radius: 10px;
}
</style>
</head>
<body>
<div id="progressbar">
<div></div>
</div>
</body>
</html><div style="background-color: black; border-radius: 13px; padding: 3px;">
<div style="background-color: orange; width: 40%; height: 20px; border-radius: 10px;"></div>
</div>$news; //массив со статьями
$col = 3; //количество столбиков
for($i=0 ; $i<count($news) ; $i+=$col) {
echo $news[$i]; //Грубо говоря вывод в 1 столбец
}
for($i=1 ; $i<count($news) ; $i+=$col) {
echo $news[$i]; //вывод в 2 столбец
}
for($i=2 ; $i<count($news) ; $i+=$col) {
echo $news[$i]; //вывод в 3 столбец
}