How does css implement horizontal center of span in div and center of cssspandiv?

How does css implement horizontal center of span in div and center of cssspandiv?

How does css implement horizontal center of span in div:
This topic describes how to set a span to horizontally center in the div. The following code example describes how to achieve this effect.
Many friends may think that using margin: 0px auto to horizontally center a span element is incorrect. Because span is an inline element, this method cannot achieve the center effect, the code example is as follows:

<! DOCTYPE html> 
The preceding Code cannot center the span element. The code is modified as follows:
<! DOCTYPE html> 
The above Code meets our requirements. We only need to use text-align: center to implement our requirements, because span is an inline element.
For more information, see: http://www.softwhy.com/divcss/