Disable text wrapping inside an element using CSS


To disable text wrapping inside an element, use the white-space property. You can try to run the following code to implement the white-space property

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            white-space: nowrap;
         }
      </style>
   </head>
   <body>
      <p>
         This is demo text. This is demo text.
         This is demo text. This is demo text.
         This is demo text. This is demo text.
         This is some text. This is demo text.
      </p>
   </body>
</html>

Updated on: 21-Jun-2020

413 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements