Defining the minimum height of the inline element span

The span tag is often used when making HTML web pages, but some friends don’t know how to use this tag well. They think it is easy to use, but troublesome to use, especially when they need to define its width and height.
A friend once asked me: Why after defining the height and width of span with CSS, its width and height still do not change, as if they are invalid?

In fact, this problem is very simple - first you need to understand the properties of span, because span is an inline element, and inline elements ignore width and height. Once you understand this, the solution is very simple. The solution is to use CSS to turn span into a boxed element.

There are two ways to define an inline element as a boxed element:

1. Use the display attribute display directly to define it as a boxed element;
display:block;

2. Use the float attribute to automatically define it as a boxed element;
float:left;