Set paragraph tag text align Justify,Nowrap using bootstrap classes in HTML,PHP

Create responsive paragraph tag text with text align justify and nowrap in web page.

In this tutorial we are using text-justify and text-nowrap two different bootstrap classes which makes our paragraph tag text align justify and now rap. So here is the complete step by step tutorial for Set paragraph tag text align Justify,Nowrap using bootstrap classes in HTML,PHP.

How to Set paragraph tag text align Justify,Nowrap using bootstrap classes in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html
Code for p-align-justify-nowrap.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Align Justify,Nowrap</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

<h1>Text Align Justify, Nowrap</h1>

<p class="text-justify">This is Demo Sample Text example of Justify Text.</p><br>

<p class="text-nowrap">This is Demo Sample Text example of Nowrap Text.</p>
 
</div>
</body>
</html>

Screenshot:

Set paragraph tag text align Justify,Nowrap using bootstrap classes in HTML,PHP

Leave a Reply

Your email address will not be published. Required fields are marked *