How to Wrap text in Html
Web structure starts with solid HTML. Learn how How to Wrap text in Html contributes to accessible and semantic web pages in the tutorial below.
To enclose text in HTML, we need to adhere to the following procedures. By following these steps, users can effortlessly enclose any text meant for display on a webpage.
To begin, the initial step involves entering the HTML code into a text editor or accessing an already existing HTML file in the text editor where text wrapping is desired.
<!Doctype Html>
<Html>
<Head>
<Title>
Wrap the text
</Title>
</Head>
<Body>
Hello User
Your are at C# Tutorial 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: Next, we need to employ the word-wrap attribute. To do this, position the cursor between the opening and closing head tags right after the title tag. Subsequently, specify a class and include the <div> tag within the <style> tag, following the example provided below.
<Head>
<Title>
Wrap the text
</Title>
<style>
div {
width: 100px;
border: 2px solid red;
}
div.class_name {
word-wrap: normal;
}
</style>
</Head>
Step 3: Next, it is necessary to establish the class that will be used to encapsulate the desired text.
<div class="a">Any text which we want to wrap </div>
Step 4: Finally, it is necessary to save the file and execute it in the web 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 C# TutorialSite.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 C# TutorialSite.Ifwe want to wrap the text in Html then we have to follow the steps which are given in this page. </div>
</Body>
</Html>
The displayed result of the HTML code above can be observed in the screenshot below:
