текст не становится инлайн-блоком
ты неправильно понимаешь, скорее всего, что такое инлайн-блок
почитай, пожалуйста выше статью :)

я уже чуть почитал там - смысл примерно понял, но я не зато говорю. Когда мы пишем дисплей флекс, то его дети становятся инлайн-блоками по умолчанию.  То есть поясню свою фразу - поведение его детей очень схоже с поведением блоков при заданном инлайн-блоке. А в самой статье что написано - ну так и есть что он и блок и инлайн - он учитывает пробел но и отступы автоматические ему не сделаешь - к этому можно привыкнуть. А с высотой и шириной - проблем не было - потому что я повторюсь, я советую такой тип дисплея только для данных - не более. Инлайн когда отступы не нужны а инлайн-блок когда нужны. В остальном же флекс. И при таком подходе ни с какими проблемами я не встретился в своей работе

@ProAndSmiDev но это ведь не текст, это иконка
не текстовый контент, тут ничего из текстового поведения нет
тогда почему тут не использовать flex?)

погоди, как это не текст? А почему свг тогда вектор? И почему свг добавляют в шрифты? Он как и текст спокойно изменяется и адаптируется. Его не текстом, ну по крайне мере у меня, называть язык не поворачивается. Был бы растр, окей, можно было бы и зафлексить, но и то все равно я бы за инлайн, но свг иконка - это как раз можно назвать текстом, имхо

программируемый текст😂😂😂

то, что сама свг закодирована в xml, никак не делает её текстовым элементом
у неё нет пробелов, высоты строки, переносов и тд — того, что есть у текста
картинка в base64 тоже не текст, это картинка
ты знаешь, что все картинки внутри — это текст (матрицы, точнее, но да ладно)
но нельзя же сказать, что поэтому все картинки должны быть инлайном (мы помним, что у них нет ни одного текстового свойства)
вот статья по теме:
https://habr.com/ru/post/454944/

я бы советовал вообще inline-block для выравнивая не использовать
толкьо если это span с текстом, которому нужно что-то задать, чего не умеет inline

как ткаие края сделать?

ну это то и понятно. у нас речь то идет инлайн или флекс. В данном случае пусть даже это не текст - это же данные. А для них обычно и задаются инлайны а не флексы. Ну я хз, мне кажется странным задавать блочные свойства строчному элементу, ну просто странно, ибо это не логично. Если это был блок, то есть окей, заюзаем флекс, то тогда почему у них есть какой-то свой line-height? А я напомню, что данное свойство оно является скорее строчным чем блочным

у того же дива никакого лайн хейта и в помине нет

кажется, тему пора заканчивать

я бы с помощью svg пробовал делать

свойства нет такого?

я и говорил) Это более халивар и каждый будет прав по своему) Пусть как кто хочет делает, можно и так и так

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

кажется, на css будет сильно дольше)

лан, сделаю с свг. спасибо

привет, подскажите можно ли регулировать ширину скорллбара https://screenshotsbucket.s3.amazonaws.com/2021-06-14T09%3A53%3A41.963Z49e584b3-90c1-4030-a222-339f0e8077c7.png при этом не меняя ширину самого блока которому он принадлежит?

попробуй это https://xhtml.ru/2020/css/css-scrollbars/ - вроде так регулируется