نتیجه
امتحان کنید
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { direction: rtl; } div.scrollmenu { background-color: #333; overflow: auto; white-space: nowrap; } div.scrollmenu a { display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; } div.scrollmenu a:hover { background-color: #777; } </style> </head> <body> <div class="scrollmenu"> <a href="#home">خانه</a> <a href="#news">اخبار</a> <a href="#contact">تماس با ما</a> <a href="#about">درباره ما</a> <a href="#support">پشتیبانی</a> <a href="#blog">بلاگ</a> <a href="#tools">ابزار</a> <a href="#base">قوانین</a> <a href="#custom">شخصی سازی</a> <a href="#more">بیشتر</a> <a href="#logo">لوگو</a> <a href="#friends">دوستان</a> <a href="#partners">همکاران</a> <a href="#people">کاربران</a> <a href="#work">امور کاری</a> </div> <h2>منو افقی با قابلیت اسکرول</h2> <p>اندازه پنجره مرورگر را تغییر دهید تا تاثیر آن را ببینید</p> </body> </html>
امتحان کنید