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

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://sina2.ir/images/all/code/w3/w3.css">
<body>

<div class="w3-container w3-green">
  <h1>w3.css مثالی از </h1> 
  <p>این صفحه را تغییر اندازه دهید</p> 
</div>

<div class="w3-row-padding">
  <div class="w3-third">
    <h2>تهران</h2>
    <p>تهران پانزدهمین شهر پرجمعیت جهان با مساحت ۷۳۰ کیلومتر مربّع است که به همراه توابع خود جمعیتی بالغ بر ۱۴ میلیون نفر دارد. </p>
  </div>

<div class="w3-third">
    <h2>شیراز</h2>
    <p>شهر شیراز مرکز استان فارس و پنجمین شهر بزرگ و پر جمعیت ایران است. مساحت آن تقریبا معادل 240 متر مربع بوده وجمعیت آن معادل 1565572 نفراست.</p>
  </div>

<div class="w3-third">
    <h2>خرامه</h2>
    <p>شهر خرامه، شهری است در شهرستان خرامه استان فارس در جنوب ایران. این شهرستان دارای دو بخش می باشد:۱- بخش مرکزی خرامه با جمعیتی حدود ۴۰۲۰۰ نفر و بخش کربال به مرکزیت سلطان شهر با جمعیتی حدود ۲۱۷۰۰ نفر .</p>
  </div>
</div>

</body>

</html>