CSS contoh display inline2

by istiq20

HTML

<!DOCTYPE html>  
<html>  
<head>  
  <style> 
    p {
        background: pink;
        width: 60px;
        height: 70px
      }
    span {  
      display: inline;
      background: yellow;
      width: 60px;
      height: 70px
    }
  </style>  
</head>  
<body>  
  <p>Element paragraf adalah</p>
  <span>inline-level element</span>
  <span>tidak akan mengambil lebar penuh yang tersedia</span>
  <span>melainkan hanya sebesar konten di dalamnya saja.</span>
</body>  
</html>