Здравствуйте! Не знаю как правильно сформулировать вопрос, так что воспользуюсь картинкой и текстовым пояснением. Вот пример необходимой реализации проблемы. Линии добавлены для наглядности.
Имеется ячейка таблицы, которая содержит контент как на картинке. value, value-two и value-value имеют одинаковый размер шрифта, например 12px; hey - самый большой, жирный шрифт, например 20px, а World и Hello - жирный шрифт 16px соответственно. И вот что именно непонятно в написании html и css:
- Не могу понять, как сделать без добавления очередной таблицы на два столбца так, чтобы значения слева и справа начинались с определенного значения, допустим от максимально широкого левого значения на какой-либо из строк был отступ в 20px и значения справа все начинались с одного и того же места (вертикальная линия на картинке).
- Независимо от размера шрифта текст на каждой строке должен быть прижат к низу строки (горизонтальная линия). Пытался сделать через разделение левой и правой части на 2 столбца в таблице, но не получается сделать так, чтобы каждая строка начиналаось с одного и того же значения.
Надеюсь, мои ужасные объяснения кто-нибудь понял и сможет помочь мне с возникшей проблемой уровня детского сада. Спасибо за внимание!