Invalid width and height of span settings

The reason is very simple: span is an inline label, while inline labels ignore width and height. The solution is as follows: 1.css sets display: block; prompt: block, inline, inline-block difference: d

The reason is simple: span is an inline label, while inline labels ignore width and height. The solution is as follows:

Set display: block in 1.css;

Tip:

Block, inline, and inline-block:

Display: block; -- element features that can be customized for attributes such as the width, height, and margin of DIV labels;

Display: inline; -- similar,Attributes with higher width of tags cannot be customized;

Display: inline-block; -- "all" customizable attribute element features;

2. Add the div to the outer layer and set the width and height of the div.