Playit

CSS Property:

display:

inline

block

contents

flex

grid

inline-block

inline-flex

inline-grid

inline-table

list-item

run-in

table

table-caption

table-column-group

table-header-group

table-footer-group

table-row-group

table-cell

table-column

table-row

none

initial

Note: In Edge, the value "contents" does not work. In Safari, the values "flex" and "inline-flex" requires a prefix to work: "-webkit-flex" and "-webkit-inline-flex".

Result:

A span element. mySpan. Another span element.

CSS Code:

span#mySpan {
  background-color:red;
  display:inline;
}

Click the property values above to see the result

W3Schools.com - Play it