Create center alignment text using HTML CSS

Question

I have a picture of a view of text inside a div which is a center alignment. The views of texts are shown as -

another example

But if I use the following code -

margin-left: auto;
margin-right: auto;
text-align: center;

but this code gives me

Here is the code in jsfiddle-

https://jsfiddle.net/2bu0gym3/

How to get the desired alignment view, thanks in advance!

Possible duplicate of [CSS center text (horizontally and vertically) inside a div block](https://stackoverflow.com/questions/5703552/css-center-text-horizontally-and-vertically-inside-a-div-block) — Heretic Monkey, Jun 05 '19 at 16:39

score 1 · Answer 1 · answered Jun 05 '19 at 16:44

1

You have to center p itself or its parent.

.testimonials p ,.events P{
  margin: 0% 3%;
  text-align:center;
}

answered Jun 05 '19 at 16:44

m1k1o

2,344
16
27

score 1 · Answer 2 · answered Jun 05 '19 at 16:58

1

You simply add:

p {
text-align: center
}

It should work. As far as I can tell, there's nothing (no class, id or something else) in your code right now that should make the text be center aligned.

answered Jun 05 '19 at 16:58

Bárbara Tribino

31
5

score 0 · Answer 3 · answered Jun 05 '19 at 17:22

0

in @media you forgot add .testimonials p

@media only screen and (max-width:767px){
  .testimonials img,.work-service,.testimonials p{
    margin-left:auto;
    margin-right: auto;
    text-align: center !important; 
  }

answered Jun 05 '19 at 17:22

sadegh

1,720
1
16
30

Create center alignment text using HTML CSS

3 Answers3