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

<!DOCTYPE html>
<html dir="rtl">
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<div class="w3-container w3-blue">
  <h1>آموزشگاه مجازی سینا</h1> 
  <p>این صفحه ی واکنش گرا را تغییر اندازه دهید!</p> 
</div>

<div class="w3-row-padding">
  <div class="w3-third">
    <h2>شیراز</h2>
    <p>شیراز کلان شهری در ایران و مرکز استان فارس در جنوب ایران است.</p>
    <p>شیراز از دیرباز به واسطهٔ مرکزیت نسبی اش در منطقهٔ زاگرس جنوبی و واقع شدن در یک منطقهٔ به نسبت حاصل خیز، محلی طبیعی برای مبادلات محلی کالا بین کشاورزان، یک جانشینان و عشایر بوده است. </p>
  </div>

<div class="w3-third">
    <h2>اصفهان</h2>
    <p>اصفهان کلان شهری در مرکز ایران، مرکز استان اصفهان و نیز شهرستان اصفهان است.</p> 
    <p>کلان شهر اصفهان نیز با ۱۵ منطقه شهری، پس از تهران و مشهد سومین کلانشهر بزرگ ایران از دید گستره فضای شهری است.</p>
  </div>

<div class="w3-third">
    <h2>تهران</h2>
    <p>پرجمعیت ترین شهر و پایتخت کشور ایران، مرکز استان تهران و شهرستان تهران است.</p>
    <p>پیشینهٔ زندگی در تهران به دوران نوسنگی برمی گردد و کاوش های باستان شناسی صورت گرفته در تهران، منجر به کشف اسکلت های ۷۰۰۰ سالهٔ انسان و ابزارهای سنگی شده است.</p>
  </div>
</div>

</body>
</html>