Я работаю над разработкой дизайна и столкнулся с этой проблемой, когда я не мог получить точный результат, как хотелось бы, когда речь заходит о маркировке слова.
Это то, что мы стремимся достичь sh: https://gyazo.com/a705e6faa67e833bc3246f59ce5d3683
И вот как это работает в настоящее время: это просто div внутри текстового поля, которое перемещено вправо на 10 пикселей и равно длине поля слова. Это работает до тех пор, пока текстовое поле не переносится, потому что тогда длина идеальна. https://gyazo.com/41ba55f74f5b4ada80427e8c1a1a32a9
Похоже, у вас есть правильная идея с этим. Я бы установил синий div на полную ширину (ширина: 100%), так как вы хотите, чтобы div растягивался дальше на экране.