<span id="select-all">
  <strong> with user-select: all</strong>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi voluptatem eveniet doloremque nihil ab eaque vel placeat cupiditate rerum magni. Eum magnam reiciendis nemo praesentium alias suscipit accusantium quibusdam illum quos, exercitationem ipsa incidunt. Adipisci ab quisquam blanditiis sapiente cum.
</span>
<br/>
<span id="not-select"><strong>with user-select: none</strong>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi voluptatem eveniet doloremque nihil ab eaque vel placeat cupiditate rerum magni. Eum magnam reiciendis nemo praesentium alias suscipit accusantium quibusdam illum quos, exercitationem ipsa incidunt. Adipisci ab quisquam blanditiis sapiente cum.
</span>
strong {
  font-weight: 900;
  color: blue;
}
span {
  margin: 1em 0;
  display: inline-block;
}

#select-all {
  user-select: all;
}

#not-select {
  user-select: none;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.