HTML span align center not working

Question

I have some HTML    lt div align  center  style  border 1px solid red  gt  This is some text in a div element   lt  div gt    The Div is changing the spacing on my document  so I want to use a span for this instead   But span is not centralizing the contents    lt span style  border 1px solid red align center  gt  This is some text in a div element   lt  span gt    How do I fix this   EDIT   My complete code    lt html gt   lt body gt    lt p gt This is a paragraph  This text has no alignment specified  lt  p gt    lt span style  border 1px solid red text-align center  gt    This is some text in a div element   lt  span gt    lt  body gt   lt  html gt

User · Accepted Answer

A div is a block element  and will span the width of the container unless a width is set  A span is an inline element  and will have the width of the text inside it  Currently  you are trying to set align as a CSS property  Align is an attribute    lt span align  center  style  border 1px solid red   gt      This is some text in a div element   lt  span gt    However  the align attribute is deprecated  You should use the CSS text-align property on the container    lt div style  text-align  center   gt       lt span style  border 1px solid red   gt          This is some text in a div element       lt  span gt   lt  div gt

User · Answer

The align attribute is deprecated  Use CSS text-align instead  Also  the span will not center the text unless you use display block or display inline-block and set a value for the width  but then it will behave the same as a div  block element    Can you post an example of your layout  Use www jsfiddle net

User · Answer

Please use the following style  margin auto normally used to center align the content  display table is needed for span element   lt span style  margin auto  display table  border 1px solid red   gt      This is some text in a div element   lt  span gt

User · Answer

Just use word-wrap break-word  in the css  It works

User · Answer

Span is inline-block and adjusts to inline text size  with a tenacity that blocks most efforts to style out of inline context  To simplify layout style  limit conflicts   add div to  p  tag with line break    lt p gt  some default stuff  lt br gt   lt div style  text-align  center   gt  your entered stuff  lt  div gt

User · Answer

span login-text       font-size  22px      display table      margin-left  auto      margin-right  auto      lt span class  login-text  gt Welcome To      CMP lt  span gt    For me it worked very well  try this also

User · Answer

On top of all the other explanations  I believe you re using equal     sign  instead of colon        lt span style  border 1px solid red text-align center  gt    It should be    lt span style  border 1px solid red text-align center  gt

[html] HTML span align center not working?

Examples related to html

Examples related to css