white-space property

Description

This property represents trimming and wrapping behavior for text content.

text is not trimmed i.e. text-space-trim is none for all of the values given below.

normalDefault: does not affect the content.; white-space: normal;
Try it
pre: preserves the space without wrapping.; white-space: pre;
Try it
nowrap: Only wraps the text without preserving.; white-space: nowrap;
Try it
pre-wrap: preserves the formatting of text and wraps the text.; white-space: pre-wrap;
Try it
pre-line: preserves white-space as well as line breaks and wraps the text.; white-space: pre-line;
Try it

It applies to all elements

Code

CSS

.parent{
width:120px;
height:120px;
border:1px solid black;
}
.child{
min-width:115px;	
}

HTML

<div class="parent">
<div class="child">
   What happens when the content overflows out of the box?
  </div>
</div>