как сделать что бы 2 блока были по горизонтали?

.cards-lines

 {

 display:inline-block;

 

 }

 

 .cards {

 margin:4px;

 padding:10px;

 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

 transition: 0.3s;

 width:220px;

 }

 

while ($ank = mysql_fetch_assoc($q))

 {

 $ank=get_user($ank['id']);

 

 echo "<div class='cards-lines'><div class='cards'><a href='/info.php?id=$ank[id]'>";

 

 avatar($ank['id']);

 

  echo "<div class='cards-content'>";

 echo "<h3>$ank[nick]".online($ank['id'])."</h3>";

 }

Изображение

------
78704_M58s6A3UZC8.jpg (357.9 Kb)
Скачиваний: 125

display:flex;

Либо display: flex
https://developer.mozilla.org/ru/docs/Web/CSS/flex
Либо display: inline для элементов.

Сделай div и потом горизонтально размести

.div
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}

.div
{
background: orange;
padding: 10px;
margin-right: 5px;
}
Тип так

Я сделал так и без изменений

.cards-lines

 {

 

 display: flex;

 align-items: center;

 justify-content: center;

 }

 

 .cards {display:inline-block;

 margin:4px;

 padding:10px;

     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

     transition: 0.3s;

     width:220px;

 }

 

SwollemMembers,

 .main{

 display: flex;

 }

 .w1{

 width: 30%;

 }

 .w2{

 width: 70%;

 }

 

 

 <div class=main>

 <div class=w1>Test</div>

 <div class=w2>Test</div>

 </div>

 

Элементарная резиновая сетка. Я думаю вы поняли ход мыслей.

668071744, я через display:flex: делал не помогло

Не правильно делал значит🤔

}GooDLike, глянь пожалуйста что не так

.card-flex

 {

 display: flex;

 

 }

 

 .cards {

 margin:4px;

 padding:10px;

     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

     transition: 0.3s;

     width:220px;

 }

 

 .cards:hover {

     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

 }

 

 .cards-content {

     padding: 2px 12px;

 }

$q=mysql_query("SELECT `user`.`id` FROM `user` LEFT JOIN `user_group` ON `user`.`group_access` = `user_group`.`id` ORDER BY $sql_sort $por LIMIT $start, $set[p_str]");

 while ($ank = mysql_fetch_assoc($q))

 {

 $ank=get_user($ank['id']);

 

 echo "<div class='card-flex'>

 <div class='cards'>

 

 <a href='/info.php?id=$ank[id]'>";

 

 avatar($ank['id']);

 

  echo "<span class='cards-content'>";

  

 echo "<h3>$ank[nick]".online($ank['id'])."</h3>";

 

 if ($ank['group_access']>1)echo "<span class='status'>$ank[group_name]</span><br />\n";

 

 if ($sort=='rating')

 echo "<span class=\"ank_n\">Рейтинг:</span> <span class=\"ank_d\">$ank[rating]</span><br />\n";

 if ($sort=='balls')

 echo "<span class=\"ank_n\">Рейтинг:</span> <span class=\"ank_d\">$ank[balls]</span><br />\n";

 

 if ($sort=='pol')

 echo "<span class=\"ank_n\">Пол:</span> <span class=\"ank_d\">".(($ank['pol']==1)?'Мужской':'Женский')."</span><br />\n";

 

 if ($sort=='id')

 echo "<span class=\"ank_n\">Регистрация:</span> <span class=\"ank_d\">".vremja($ank['date_reg'])."</span><br />\n";

 echo "<span class=\"ank_n\">Посл. посещение:</span> <span class=\"ank_d\">".vremja($ank['date_last'])."</span><br />\n";

 

 

 

 

 

 echo '</span></div></div>';

 

 }