Bymas | выравнивание текста

пацаны, завапрился малеха с выравниванием текста. текст SV Получилось поставить по середине, теперь не могу никнеймы поставить над аватаром . уже башка ломается, капец

php

   echo "<div class='p_t'>"; echo "$ank[nick]<br />"; avatar2($ank['id']);  echo '<div style="display:inline-block; vertical-align:middle;">';     echo ' VS </div>';    avatar2($ank1['id']);  echo '<div style="display:inline-block; vertical-align:middle;">'; echo "$ank1[nick]<br />";  echo "</div>";  echo "</div>";

Изображение

------

81224_8uOiz9py2eg.jpg (273.0 Kb)
Скачиваний: 129

Два разных стиля у аватарок, p_t и просто стиль

Hryhorii_Ivlev (03.03.2022 в 16:10)
Два разных стиля у аватарок, p_t и просто стиль

то что p_t это стиль я знаю , стили у аватарок одинаковы

155876556 (03.03.2022 в 15:26) пацаны, завапрился малеха с выравниванием текста. текст SV Получилось поставить по середине, теперь не могу никнеймы поставить над аватаром . уже башка ломается, капец

php

   echo "<div class='p_t'>"; echo "$ank[nick]<br />"; avatar2($ank['id']);  echo '<div style="display:inline-block; vertical-align:middle;">';     echo ' VS </div>';    avatar2($ank1['id']);  echo '// Тут // <div style="display:inline-block; vertical-align:middle;">'; echo "$ank1[nick]<br />";  echo "</div>";  echo "</div>";

Между дивами пробовал ставить <br> написал где^^^ в коде

155876556 , брось код страницы в лс

привет, ВОТ СКИНУЛ файл. я а счет выравнивание текста . а вот код аватарки там я прописал тоже

php

   function avatar2($id) { if(is_file(H."sys/avatar/$id.gif")) echo "<img src='/sys/avatar/$id.gif' style='width:70px; height:70px; margin:10px; display:inline-block; vertical-align:middle;'' alt=''/>\n"; elseif(is_file(H."sys/avatar/$id.jpg")) echo "<img src='/sys/avatar/$id.jpg'style='width:70px; height:70px; margin:10px; display:inline-block; vertical-align:middle;''  alt=''/>\n"; elseif(is_file(H."sys/avatar/$id.png")) echo "<img src='/sys/avatar/$id.png' style='width:70px; height:70px; margin:10px; display:inline-block; vertical-align:middle;''  alt=''/>\n"; else echo "<img src='/style/user.png' style='width:70px; height:70px; margin:10px; display:inline-block; vertical-align:middle;'' alt=''/>\n";  }

------

81225_222.rar (3.2 Kb)
Скачиваний: 120

155876556 (03.03.2022 в 15:26) пацаны, завапрился малеха с выравниванием текста. текст SV Получилось поставить по середине, теперь не могу никнеймы поставить над аватаром . уже башка ломается, капец

php

   echo "<div class='p_t'>"; echo "$ank[nick]<br />"; avatar2($ank['id']);  echo '<div style="display:inline-block; vertical-align:middle;">';     echo ' VS </div>';    avatar2($ank1['id']);  echo '<div style="display:inline-block; vertical-align:middle;">'; echo "$ank1[nick]<br />";  echo "</div>";  echo "</div>";

php

   echo "<div class='p_t'>";  echo "$ank[nick]<br />";  avatar2($ank['id']);    echo '<div style="display:inline-block; vertical-align:middle;">';        echo ' VS </div>';     echo "$ank1[nick]<br />";  avatar2($ank1['id']);   echo '<div style="display:inline-block; vertical-align:middle;">';   echo "</div>";    echo "</div>";

155876556 ,

php

   echo "<div style="display:inline-block; padding:5px; overflow: hidden;margin: 0 auto;'>"; echo "<div style="display:inline-block; padding:10px 10px 5px 5px;'>";  avatar2($ank['id']); echo "<br/>";  echo "<b>$ank[nick]<b/>";  echo "</div>";  echo '<div style="display:inline-block; vertical-align:middle;padding:10px 10px 5px 5px;">';        echo ' VS </div>';      echo "<div style="display:inline-block; padding:10px 10px 5px 5px;'>";  avatar2($ank1['id']); echo "<br/>";  echo "<b>$ank1[nick]<b/>";  echo "</div>";    echo "</div>";

css

   .block { display:flex; justify-content: center; }

Оберни аватарку и никнейм в div class block Изучи flexbox, очень удобный инструмент и существует уже давно.