How to prevent text selection in html

Its necessary to prevent text selection when the text is ui feature, to make the webpage more professional.

We can prevent the text from selecting by using this in css

user-select: none;

You cannot select this text

You can select this text

This site uses cookies from Google to deliver its services and analyze traffic. By using this site, you agree to its use of cookies.

example code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <p style="user-select: none;">You cannot select this text</p>
    <p>You can select this text</p>
</body>
</html>