Как правильнее всего верстать размерные линии?

Question

[lagudal]

Есть картинка - например

Нужно все линии размеров, стрелки и естественно текст вынести из картинок.
Как быстрее и правильнее сверстать?

Answer 1

[Andrey Vasilev]

Абсолютно позиционируешь палку, ей прикручиваешь after и before. Соответственно используя правильные размеры, чтобы линии растягивались вместе с картинкой.
Меняй не меняй размер - стрелка будет растягиваться