[Solved] How i can give text center position

[kenpati]

How i can give text center position. please watch this example
Link

and when i write some text he can stay only in center position. Please help)

[Atelierbram]

Setting the p element to display: inline (from default block value) changes it’s box, text-align: center will work, but only on that smaller box (so will have no detectable visual difference). When removing that display property and value, and add: text-align: center will make it centered aligned.

div#line p.line-item1 {
  margin:0 auto;
  /* display:inline; */
  text-align: center;
  outline:1px solid red;
  background:#fff;
}

[kenpati]

I mean position center only tag p without width:100%;
tag p occupy only the desired width like display:inline;
I want to see my gray block)

[Paulie_D]

@Atelierbram explained that

http://codepen.io/Paulie-D/pen/JkdfC

[kenpati]

Paulie_D, That what i mean. Thanks

[kenpati]

text-align in div#line like margin:0 auto; ?

[Paulie_D]

text-align in div#line like margin:0 auto; ?

No…like this.

div#line {
  text-align: center;
}

[kenpati]

anyway thanks guys.

[Author]

Posts