<!DOCTYPE html>
<html>
<head>
<title>CSS white-space property</title>
<style>
p {
font-family: sans-serif;
font-size: 18px;
padding: 10px;
}
p.one {
white-space: nowrap;
}
p.two {
white-space: pre;
}
p.three {
white-space: pre-line;
}
p.four {
white-space: pre-wrap;
}
</style>
</head>
<body>
<p class="one">This text is represent predefined text
predefined area another text</p>
<p class="two">This text is represent predefined text
predefined area another text</p>
<p class="three">This text is represent predefined text
predefined area another text</p>
<p class="four">This text is represent predefined text
predefined area another text</p>
</body>
</html>
