Мне нужно показать некоторые данные в HTML -таблице, и в одной ячейке должен отображаться значок состояния только по умолчанию. Когда пользователь наводит курсор на этот значок, должно отображаться текстовое содержимое этой ячейки. Все уже работает, но содержимое ячейки отображается с ПРАВОЙ стороны, таким образом переполняя таблицу, в то время как я хотел бы показать его с ЛЕВОЙ стороны значка.
Я уже читал аналогичный вопрос , но попробовал предложенное решение относительно направления текста 1. не поместил поле внутри таблицы и 2. неправильно изменил текст также. То же самое и другие комментаторы ответили на этот вопрос. Другие предлагаемые решения также не сработали для меня, возможно, потому, что я просто не хочу скрывать контент вообще, а только размещаю его на другой стороне.
OTOH, возможно, это связано с my HTML, который на данный момент не содержит ненужных оберток и прочего. Вместо этого он содержит только то, что действительно нужно содержимому:
<td headers="[...]">
<p>
<span>[...]</span><span>[...]</span>
</p>
<p>
<span>[...]</span><span>[...]</span>
</p>
[...]
</td>
Само содержимое ячейки скрыто и получает display: table, p s - table-row и span s - table-cell. Значок отображается с использованием ::before и частью содержимого ячейки таким образом.
Итак, есть ли способ с помощью HTML выше, чтобы отображаемый текст отображался с ЛЕВОЙ стороны, как это в настоящее время отображается на ПРАВОЙ стороне?