Bymas | 2 блока по горизонтали

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

css

   .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; }

php

   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)
Скачиваний: 144

display:flex;

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

155876556 (18.08.2021 в 02:17) как сделать что бы 2 блока были по горизонтали?

css

   .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; }

php

   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>"; }

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

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

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

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

css

   .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 ,

css

   .main{ display: flex; } .w1{ width: 30%; } .w2{ width: 70%; }

html

   <div class=main> <div class=w1>Test</div> <div class=w2>Test</div> </div>

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

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

652591566 (20.08.2021 в 14:10)
668071744 , я через display:flex: делал не помогло

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

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

css

   .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; }

php

   $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>';  }