طراحی واکنش گرا با w3.css
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!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>