Here is what w3schools.com says about the CSS display property:
The display property specifies the display behavior of an element.
Note: Every element on a web page is a rectangular box. The CSS display property determines how that rectangular box behaves.
There are multiple settings that can be used with the CSS display property. Here are a few for example:
display: none; display: inline; display: block; display: inline-block; display: grid; display: flex;
The first four on this list are illustrated nicely here:
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_display
display: none;
will not display the value.
display: inline;
will display the value in line with surrounding text.
display: block;
will break the surrounding text to display the value as its own seperate block.
display: inline-block;
acts just like display: inline;
.
display: grid;
is used with the CSS grid property.
See: https://www.w3schools.com/cssref/pr_grid.asp
display: flex;
is used with the CSS flexbox property.
See: https://www.w3schools.com/cSS/css3_flexbox.asp
Example of usage:
.info .btn { display: block; text-align: center; margin: auto; }
For more information about the CSS display property and a complete list of possible values, see:
https://www.w3schools.com/cssref/pr_class_display.asp