<!DOCTYPE html>
<html lang="en-us">
<head>
<style>
.city {
   float: right;
   margin: 10px;
   padding: 10px;
   max-width: 300px;
   height: 300px;
   border: 1px solid black;
   direction:rtl;
}  
h1,h2 {
	direction:rtl;
}
</style>
</head>
<body>

<h1>طراحی وب واکنش گرا</h1>
<h2>اندازه صفحه را تغییر دهید!</h2>
<div class="city">
  <h2>لندن</h2>
  <p>لندن پایتخت انگلستان و پر جمعیت ترین شهر این کشور است و دارای منطقه شهری با بیش از 13 میلیون از جمعیت می باشد.</p>
</div>
<div class="city">
  <h2>پاریس</h2>
  <p>پاریس پایتخت فرانسه و پرجمعیت ترین شهر فرانسه است. برج ایفل نیز نمای با شکوهی به آن داده است.
</p>
</div>
<div class="city">
  <h2>توکیو</h2>
  <p>توکیو پایتخت ژاپن ، مرکز ناحیه بزرگ توکیو و پرجمعیت ترین منطقه شهری در جهان است.</p>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<style>
h1,h2,p {
	direction:rtl;
}
</style>
<body>

<div class="w3-container w3-orange">
  <h1>W3.CSS پیش نمایش</h1>      
  <p>اندازه صفحه را تغییر دهید.</p>      
</div>

<div class="w3-row-padding">

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

</div>

</body>
</html>