Fiverr And Upwork Test Questions Answers 2021 to 2022

Today you will learn something new thing for blogging. if you have a blog or you are facing a text alignment issue then you are in right place. Today I will tell you the complete solution of this How to Text Align Property in CSS with Manual Code problem so complete ready this article and follow given instructions.

TEXT-ALIGN IN CSS

So do you want to know WHAT IS TEXT-ALIGN PROPERTY? This CSS property is commonly used for The text-Align.

Each text Align is performed by its Element. Through this text-align CSS property, we can Easily move LEFT/RIGHT/CENTER/JUSTIFY/LETTER SPACE/WORD-SPACE.

TYPES OF TEXT ALIGN:

1.Text-Align-Right

2.Text-Align-Left

3.Text-Align-Center

4.Text-Align-justify

5.Letter-spacing

6.word-spacing EXAMPLE: SOURCE CODE INPUT<>

CODE IS HERE

<!DOCTYPE html>

 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>


  #left{
   text-align: left;
  /*The text align on left
   also default property in CSS*/
   }

  #right{
   text-align: right;
   /*The text align on Right*/
   }

  #centre{
   text-align: center;
   /*The text align on center*/
   }

  p{
    text-align: justify;
   /*The text align both side eqaul*/
    }

  #one{
   letter-spacing: 12px;
   /*space between two Letter*/
    }

  #two{
   word-spacing: 36px;
  /*space between two word*/
   }

  body{
  font-family: sans-serif;
   }


 </style>
 </head>
 <body>

   <h1 id="left">Left</h1>

   <h1 id="right">Right</h1>

   <h1 id="centre">Centre</h1>

 <p>Lorem ipsum dolor sit amet consectetur 
 Praesentium tempore pariatur velit adipisci 
 unde quia rem placeat! Laudantium provident
 At provident quibusdam vel eum eveniet nam
 dolorem voluptatibus quia delectus quis!
 dolor dolorem doloremque eos magnam aliquam 
 iste nulla dignissimos. Aut iusto voluptate
 Omnis nugit, sed ullam  nam animi, velittus
 quae aque laborum is aperiam sit laboriosam 
 maxime alias eius cumque eligendi atque! En
 epellendum tempora pariatur magnam tempore 
 accusquu repellen delenit temporibus vitae 
 speriores cum eo empora is thevoluptatibus. 
 Volumeni, expedita nemo nobis reprehenderit 
 quo.
    </p>

   <h1 id="one">MOH ABRAR</h1>

   <h1 id="two">MOH ABRAR</h1>
    
  </body>
  </html>

Ads