Propriedade Display em HTML

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Display</title>

    <style>

        body {

            font-size: 40px;

            color: #fff;/*cor do texto*/

            background-color: coral;/*cor do plano de fundo*/

        }

        ul{padding: 0;}

        div{background-color: seagreen;}/*cor de fundo da div*/

        span{ background-color: red;}

        li{ background-color: purple;}

        div, span, li{ 

            width: 50%; /*largura*/

            width: 200px;

            height: 80px;/*altura*/

            padding-top: 30px;

            text-align: center;/*texto centralizado*/

            /*display: block;/*blocos*/

            /*display: inline;/*linhas*/

            display: inline-block;

        }

    </style>

</head>

<body>

    <div>Texto 1</div>

    <span>Texto 2</span>

    <span>Texto 3</span>

    <ul>

        <li>Item 1</li>

        <li>Item 2</li>

        <li>Item 3</li>

    </ul>

</body>

</html>