CSS, как заменить все img на их alt и рамку?

Question

[Андрей Рабой]

есть задачка...
нужно скрыть изображение, его место в тексту должно остаться (допустим visability:hidden)
добавить рамку
вывести alt внутри рамки
Как???

Answer 1

[Алекс Глебов]

img {  
    display: block;
    position: relative;
    min-height: 50px;   
}
 img:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    height: calc(100% + 10px);
    width: 100%;
    border: 2px dotted;
    border-radius: 5px;
}
img:after {
    content: " " attr(alt);
    display: block;
    font-style: normal;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 5px;
}

Примерно так
src еще нужно заменить на нерабочие