Как сделать статистику такого рода в CSS?

Question

[OblivionGM]

Как сделать подобную статистику как на скрине?
Перепробовал разные способы, и в один div каждый из разделов (100%, 75% и т.д.) и внутри него три дива - с заголовком, визуальной частью, и текстом снизу. Оборачивал средний див с визуалом в другой див - пытался по нему отцентрировать, в конце пробовал вообще колхозные способы. Вообще идей никаких нет.

Answer 1

[WapSter]

Easy

Comments

[Александр]

Почему если убрать у класса .visual position absolute, то не отображается график ?

[WapSter]

Александр, потому-что у блока нет ширины. Не проще ли было открыть девтулзы и посмотреть что произошло?

[Александр]

WapSter, хм, а position absolute добавляет ширину или как это работает ?

[WapSter]

Александр, просто задал позицию

[lagudal]

если очень хочется, то можно не задавать абсолютное позиционирование, но тогда надо будет явно задать ширину. В данном примере это для .visual width: 100%, ну и margin padding слева и справа добавить.