Подсветка выделения текста, расширяющаяся на всю ширину div (CSS)

Question

Я работаю над веб-сайтом, но когда я выделяю (выделяю) текстовые абзацы, выделение расширяется до всей ширины раздела. Как мне избежать этого?

Это код HTML:

.intro-project {
  font: 140%/1.5;
  width: 100vw;
  height: auto;
  margin: 0 auto;
  padding-top: 5%;
  color: rgba(29, 29, 27, 1)
}

.intro-project p {
  width: 55%;
  margin: 0 auto
}

<section>
  <div class="intro-project">
    <p>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
      ea commodo consequat.
    </p>
    <ul>
      <li>Lorem Ipsum</li>
      <li>Lorem Ipsum</li>
      <li>Lorem Ipsum</li>
    </ul>
  </div>
</section>

А вот как это выглядит:

Answer 1

Не видя дополнительный код, который вы уже применили, простое решение CSS может быть:

p{
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all; 
}

Когда вы нажимаете на p, он должен выделять внутренний текст. Если вы не хотите, чтобы sh применялось ко всем тегам P, вы можете добавить класс к тегам P, указав, какой из них следует выделить.

Примечание. Не уверен, что MS еще поддерживает .