how to align text in css

div {
  text-align: justify;
  text-justify: inter-word;
}

<switch>
    h1 {
    text-align: center;
}

p.date {
    text-align: right;
}

 
p.main {
    text-align: justify;
} 
</Switch>

.class {
	text-align: center;
}

p{
    text-align:center;/*values: center, left, right, etc...*/
}

The different values of text-align are -
1) text-align: justify; (spreads throughout to the left and right)
2) text-align: center; (centers the text)
3) text-align: left; (the default value, shifts the text to left side)
4) text-align: right; (shifts the text to right side)

body {
  text-align: center;
}

    div.a {
  text-align: center;
}


    div.b {
  text-align: left;
}


    div.c {
  text-align: right;
}

div.c {
  text-align: 
    justify;
}  

text-align: center

body {
  text-align: right;
}