Выровняйте два HTML-элемента по центру и отобразите их рядом в уценке.CSS

Разбираемся в CSS
Ответить
Anonymous
 Выровняйте два HTML-элемента по центру и отобразите их рядом в уценке.

Сообщение Anonymous »

Я использую уценку со вкусом github для форматирования своего профиля github, и мне хотелось, чтобы рядом с представлениями профиля отображалось изображение.
Вот чего я достиг на данный момент:
Изображение

С этим кодом уценки :

Код: Выделить всё

Hello, friend

[img]https://github.com/AleixMT/AleixMT/assets/23342150/a802e799-cfcf-4add-ae22-0aa96bbecb6c[/img]
[img]https://komarev.com/ghpvc/?username=aleixmt&label=Profile%20views&color=0e75b6&style=flat[/img]


Этот код также добавляет раскрывающееся меню для просмотра изображений, на самом деле мне это не нужно.
Мне нужен счетчик просмотров профиля, быть посередине изображения, по-прежнему с правой стороны, поэтому оно расположено с большей высотой.
Я должен видеть это так:
Изображение

Может кто-нибудь мне помочь? Я совершенно новичок в HTML и уценке и не знал, что выравнивание двух элементов будет таким трудным. Да здравствует фронтенд-программист.
Также обратите внимание, что эти два элемента должны отображаться в центре страницы.
Не используйте CSS для форматирования. элементы, добавьте стили по очереди, так как в уценке нет поддержки явного CSS. Также проверьте свое решение, так как я использовал другие решения, но они не работают с уценкой GitHub:
  • CSS — расположить два изображения в CSS рядом друг с другом.
  • Уценка и выравнивание изображений
  • Дивы рядом и по центру
  • Есть ли способ выровнять два HTML-элементы рядом без CSS? Как? (мой код похож на этот)
  • вертикальное выравнивание изображения и текста рядом в CSS (это выглядит хорошо, но не работает..)
Большое спасибо.
РЕДАКТИРОВАТЬ: наконец-то я смог использовать таблицу со встроенными стилями CSS, как просили, для решения моего вопроса.< /p>
Посмотрите здесь, чтобы увидеть окончательный результат.

Подробнее здесь: https://stackoverflow.com/questions/764 ... n-markdown
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»