Как сверстать данный блок(псевдо или нет)?

Question

[olya_097]

https://codepen.io/anon/pen/EJpREL

Comments

[Арсений Матыцин]

Пустой codepen для красоты, или для того, чтобы местные умельцы все сделали?

[WapSter]

Нет. Бекенд никак не сможет сунуть данные в псевдоэлемент

[olya_097]

Арсений Матыцин, а причем тут делать? можно и двумя предложениями описать. Ваши претензии бесмысленны

[olya_097]

Тимур Турсунбаев, а как правильно тут делать?

[Ragtime Kitty]

Тимур Турсунбаев, но он может сунуть данные в data, а псевдо сам оттуда данные заберет

[WapSter]

olya_097,

.prise
   .prise__whole $17
   .prise__fractional .99
   .prise__description per month

примерно так и в зависимости, что применяете гриды, флексы или флоаты возможно понадобятся обертки.

[WapSter]

Ragtime_Kitty, каким образом?
UPD: увидел. Не знал, что css такое умеет спасибо

[Арсений Матыцин]

olya_097, претензий пока не было, было только уточнение.

[Ragtime Kitty]

Тимур Турсунбаев, content: attr(data);

Answer 1

[Сергей delphinpro]

https://codepen.io/anon/pen/wZxxXP
+ недавно был похожий вопрос Как сделать так чтобы одна буква занимала две строки?

Comments

[olya_097]

Сергей delphinpro, спасибо
а без флоат можно решить?