Центрировать изображение, вставленное после: псевдоэлемент; не может использовать интервалы

Я забираю tumblr-канал, используя tumblr-код, и использую after: для добавления изображения в качестве разделителя между сообщениями. Я хотел бы сосредоточить изображение, но не повезло. Поскольку tumblr генерирует контент, а не я, я не думаю, что могу использовать теги span, которые, как представляется, являются обычным ответом. Любые другие идеи?

Страница, показывающая использование фида: lumn.net/index.shtml

CSS

.tumblr_post:after {
    content: url(../img/flower.png);
    display: block;
    position: relative;
    margin-top: 42px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}

Ответы

Ответ 1

Попробуйте следующее:

.tumblr_post:after {
    content: url("../img/flower.png");
    display: block;
    margin: 42px auto 24px;
    position: relative;
    text-align: center;
    width: 100%;
}

Ответ 2

В то время как ответ от Zoltan Toth работает, он получил кучу кода, который ничего не делает для желаемого эффекта. Это должно сделать трюк и с меньшим количеством кода.

.tumblr_post:after {
    content: url("../img/flower.png");
    display: block;
    text-align: center;
}

Ответ 3

Вот рабочее решение на всех экранах:

.produit-col .img-produit::after{
    content: '';
    background: url("../img/icone.png") center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}