Set the width attribute directly to the style of the span mark, and you will find that there will be no effect.
If you set display:block, the width attribute takes effect, but the span is the same as the div at this time.
If display:inline-block is set, spans are parallel to each other, and the width attribute takes effect.
Description of common values for element display attributes:
1) Block: The default value of the block object. Force the object to render as a block object, and add a new line to the object.
2) inline: the default value of inline objects. Force the object to render as an inline object and delete rows from the object.
3) inline-block: renders the object as an inline object, but the content of the object is presented as a block object. The inline object next to it will be rendered in the same line.
4) non: Hide object. Unlike the hidden value of the visibility attribute, it does not reserve its physical space for hidden objects.