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

пацаны, завапрился малеха с выравниванием текста.

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



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

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

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

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

155876556 (03.03.2022 в 15:26)
пацаны, завапрился малеха с выравниванием текста.

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



 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, брось код страницы в лс

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

а вот код аватарки там я прописал тоже

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

155876556 (03.03.2022 в 15:26)
пацаны, завапрился малеха с выравниванием текста.

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



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

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,



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

.block {

 display:flex;

 justify-content: center;

 }

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