F. El valor block

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width">
 <title>block</title>
 <style>
  div {
   background-coloryellow;
  }
 </style>
</head>
<body>
 <h1>block</h1>
 <p>
  En este ejemplo, body solo
  tiene elementos de bloque.
 </p>
 <p>
  Este párrafo solo tiene contenido
  inline e inline-block.
  <em>Un énfasis inline.</em>
  <button>
   Un botón inline-block,
   inline-block, inline-block
  </button>
  <span>
   Un span inline, inline, inline,
   inline.
  </span>
 </p>
 <div>
  Este div tiene contenido
  mezclado.
  <em>
   Este es un énfasis inline.
  </em>
  <strong>
   Este es un strong inline.
  </strong>
  <button>
   Este es un botón inline-block
  </button>
  <p>
   Este párrafo solo contiene
   inline e inline-block.
   <em>Un énfasis inline.</em>
   <button>
    Un botón inline-block
   </button>
   <span>Un span inline.</span>
  </p>
 </div>
</body>
</html>