خودتان امتحان کنید

<!DOCTYPE html>
<html dir="rtl">
<head>
<style>
span.a {
  display: inline; /* the default for span */
  width: 100px;
  height: 100px;
  padding: 5px;
  border: 1px solid blue;  
  background-color: yellow; 
}

span.b {
  display: inline-block;
  width: 100px;
  height: 100px;
  padding: 5px;
  border: 1px solid blue;    
  background-color: yellow; 
}

span.c {
  display: block;
  width: 100px;
  height: 100px;
  padding: 5px;
  border: 1px solid blue;    
  background-color: yellow; 
}
</style>
</head>
<body>

<h1>ویژگی display</h1>

<h2>display: inline</h2>
<div>مولانا که بود؟ کمتر کسی است که از شنیدن اشعار زیبای مولانا جلال الدین بلخی ملقب به مولوی به وجد نیاید. شاعر بلند آوازه و یکی از بزرگترین ادیبان ایران که با حضور خود قرن 7 هجری را منور‌تر کرد. <span class="a">جعبه 1</span> <span class="a">جعبه 2</span>معرفی مولانای بلخی، نیاز به مدت زمان زیادی دارد و می ‌توان از این ادیب بزرگ روز ‌ها و ماه‌ ها  صحبت کرد. بهترین غزلیات و اشعار عاشقانه، بیوگرافی مولانا از تولد تا وفات ایشان را در این مطلب گرد هم آورده ایم.</div>

<h2>display: inline-block</h2>
<div>مولانا که بود؟ کمتر کسی است که از شنیدن اشعار زیبای مولانا جلال الدین بلخی ملقب به مولوی به وجد نیاید. شاعر بلند آوازه و یکی از بزرگترین ادیبان ایران که با حضور خود قرن 7 هجری را منور‌تر کرد. <span class="b">جعبه 1</span> <span class="b">جعبه 2</span>معرفی مولانای بلخی، نیاز به مدت زمان زیادی دارد و می ‌توان از این ادیب بزرگ روز ‌ها و ماه‌ ها  صحبت کرد. بهترین غزلیات و اشعار عاشقانه، بیوگرافی مولانا از تولد تا وفات ایشان را در این مطلب گرد هم آورده ایم.</div>
<h2>display: block</h2>
<div>مولانا که بود؟ کمتر کسی است که از شنیدن اشعار زیبای مولانا جلال الدین بلخی ملقب به مولوی به وجد نیاید. شاعر بلند آوازه و یکی از بزرگترین ادیبان ایران که با حضور خود قرن 7 هجری را منور‌تر کرد. <span class="c">جعبه 1</span> <span class="c">جعبه 2</span>معرفی مولانای بلخی، نیاز به مدت زمان زیادی دارد و می ‌توان از این ادیب بزرگ روز ‌ها و ماه‌ ها  صحبت کرد. بهترین غزلیات و اشعار عاشقانه، بیوگرافی مولانا از تولد تا وفات ایشان را در این مطلب گرد هم آورده ایم.</div>

</body>
</html>