<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
    background-color: black;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
    direction: rtl;
}
</style>
</head>

<body>

<div class="cities">
<h2>لندن</h2>
<p>لندن پایتخت انگلستان و پر جمعیت ترین شهر این کشور است و دارای منطقه شهری با بیش از 13 میلیون از جمعیت می باشد</p>
</div> 

<div class="cities">
<h2>پاریس</h2>
<p>پاریس پایتخت فرانسه و پرجمعیت ترین شهر فرانسه است.</p>
</div>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
span.note {
    font-size: 120%;
    color: red;
}
</style>
</head>
<body>

<h1 dir="rtl">تیتر <span class="note">مهم</span> من</h1>
<p dir="rtl">این هم یک متن  <span class="note">مهم</span>  است.</p>

</body>
</html>