Как выровнять текст таким образом?

Question

[shiromode]

как выровнить текст вдоль красной линии через css, как на изображении?

Comments

[modelair]

вы забыли предоставить свой код

[shiromode]

modelair, извиняюсь, вот: https://codepen.io/shiromode/pen/bGQWXgL

[Виталий Першин]

Добавьте для product__table-value ширину

Answer 1

[modelair]

вы пытаетесь решить это флексом, но флекс не для этого. выставьте width у вашего title и станет ровно

Comments

[shiromode]

а нет способа сделать так, чтобы ширина менялась как-то динамически?

[modelair]

shiromode, давайте более конкретно

[shiromode]

чтобы в случае переполнения контентом в одном , все становились шире, как на фотке

[modelair]

shiromode, не, так таблицей не пойдет

[shiromode]

modelair, а как еще можно?

[modelair]

shiromode, почитайте про display: grid, как вариант

[shiromode]

modelair, ну на гридах ведь тоже придется фиксированную ширину задавать, не?

[modelair]

shiromode, я думаю что это можно решить и так, надо пробовать по всякому.
можно и js применить при необходимости. но в целом зачем оно? и так нормально, оперируйте лучше входящими значениями

[shiromode]

modelair, хорошо, спасибо за ответы!

[modelair]

shiromode, как вариант - слишком длинный текст можно скрывать и при наведении показывать

Answer 2

[Сергей delphinpro]

Вы сделали таблицей. Зачем переопределять отображение на флекс, если поведение таблицы именно такое, как вам нужно?

Для адаптива напишите медиазапрос, который только на мелкий экранах будет переопределять отображение таблицы.