HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

How to Wrap text in Html

If we want to wrap the text in Html, then we have to follow the steps which are given below. Using these steps, any user can easily wrap any text, which is to be shown on the web page.

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to wrap the text.

<!Doctype Html>
<Html>   
<Head>    
<Title>   
Wrap the text
</Title>
</Head>
<Body> 
 Hello User 
 Your are at JavaTpoint Site .
If we want to wrap the text in Html, then we have to follow the steps which are given on this page. 
</Body> 
</Html>

Step 2: Now, we have to use word-wrap property. So, we have to place the cursor between the head tag just after the title tag. And, then we have to define a class and

tag

sector in the

Step 3: Now, we have to define that class before the text, which we want to wrap.

Step 4: And, at last, we have to save the file and run the file in the browser.

<!Doctype Html>
<Html>   
<Head>    
<Title>   
Wrap the text
</Title>
<style>
div {
  width: 100px; 
  border: 2px solid red;
}
div.a {
  word-wrap: normal;
}
div.b {
  word-wrap: break-word;
}
</style>
</Head>
<Body> 
 Hello User 
 <div class="a">Your are at JavaTpointSite.Ifwe want to wrap the text in Html then we have to follow the steps which are given in this page. </div> <br>
   <div class="b">Your are at JavaTpointSite.Ifwe want to wrap the text in Html then we have to follow the steps which are given in this page. </div>
</Body> 
</Html>

Test it Now

The output of above Html code is shown in the following screenshot: