Расположение картинок с отступом при использовании Markdown

Рейтинг: 5Ответов: 1Опубликовано: 26.04.2023

На странице недавних выборов модераторов ruSO отображаются две визитки победителей:

  • в широком режиме:

введите сюда описание изображения

  • в узком режиме:

введите сюда описание изображения

То есть в любом случае между визитками есть отступ.

При этом в сообщении на сайте отступ есть только в широком режиме:

введите сюда описание изображения

В узком визитки сливаются:

введите сюда описание изображения

Если я правильно понимаю, дело в использовании разных html-тегов на низком уровне. В связи с этим возник вопрос:

Можно ли средствами Markdown сайта добиться наличия пробела между визитками (картинками в общем случае), чтобы он был как в широком, так и узком режимах отображения? То есть максимально возможно повторить поведение со страницы выборов.

Опубликовал вопрос на основном сайте, так как мне кажется, что решение может быть основано на общих принципах Markdown, а не специфичных для SE сайтов. Если я ошибаюсь, можем перенести на Мету для поиска/публикации частного решения.

Ответы

▲ -1

как я понимаю ваши визитки должны находится в общем блоке div. Если это так, то можно использовать transform: translate(1 или 3em[на ваш выбор]).