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

How to create text inside p tag with align right using Bootstrap.

In this tutorial we are making paragraph tag including bootstrap text-right class. This class will automatically set p tag inside text alight at right side. So here is the complete step by step tutorial for Set paragraph tag text align Right using bootstrap classes in HTML,PHP.

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

https://www.android-examples.com/demo/heading-tag.html

Code for p-align-right.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Text Align Right</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 Right</h1>

<p class="text-right">This is Demo Sample Text with text align right.</p>
 
</div>

</body>
</html>

Screenshot:

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

Leave a Reply

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