<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta charset="utf-8">
		<style>
			.nice {
				width: 200px;
				height: 200px;
				margin: 50px;
				background: salmon;
			}

			.nice p {
				width: 1000px;
			}

			.vertical-rl {
				writing-mode: tb-rl;
				writing-mode: vertical-rl;
				-ms-writing-mode: vertical-rl;
				-moz-writing-mode: vertical-rl;
				-webkit-writing-mode: vertical-rl;
			}

			.vertical-lr {
				writing-mode: tb-lr;
				writing-mode: vertical-lr;
				-ms-writing-mode: vertical-lr;
				-moz-writing-mode: vertical-lr;
				-webkit-writing-mode: vertical-lr;
			}
		</style>
		<script src="../js/jquery.min.js"></script>
		<script src="../../jquery.nicescroll.js"></script>
		<script>
			$(document).ready(function() {
				$(".nice").niceScroll();
			});
		</script>
	</head>
	<body>
		<h3>RTL horizontal</h3>
		<div dir="rtl" class="dir-rtl nice">
			<p>
				هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء. العديد من برامح النشر المكتبي وبرامح تحرير صفحات الويب تستخدم لوريم إيبسوم بشكل إفتراضي كنموذج عن النص، وإذا قمت بإدخال "lorem ipsum" في أي محرك بحث ستظهر العديد من المواقع الحديثة العهد في نتائج البحث. على مدى السنين ظهرت نسخ جديدة ومختلفة من نص لوريم إيبسوم، أحياناً عن طريق الصدفة، وأحياناً عن عمد كإدخال بعض العبارات الفكاهية إليها.
			</p>
		</div>
		<h3>RTL vertical</h3>
		<div class="vertical-rl nice">
			<p>
				「天は人の上に人を造らず人の下に人を造らず」と言えり。
				されば天より人を生ずるには、万人は万人みな同じ位にして、生まれながら貴賤上下の差別なく、
				万物の霊たる身と心との働きをもって天地の間にあるよろずの物を資り、もって衣食住の用を達し、
				自由自在、互いに人の妨げをなさずしておのおの安楽にこの世を渡らしめ給うの趣意なり。
				されども今、広くこの人間世界を見渡すに、かしこき人あり、おろかなる人あり、貧しきもあり、
				富めるもあり、貴人もあり、下人もありて、その有様雲と泥との相違あるに似たるはなんぞや。
				その次第はなはだ明らかなり。『実語教』に、「人学ばざれば智なし、智なき者は愚人なり」とあり。
				されば賢人と愚人との別は学ぶと学ばざるとによりてできるものなり。
				また世の中にむずかしき仕事もあり、やすき仕事もあり。
				そのむずかしき仕事をする者を身分重き人と名づけ、やすき仕事をする者を身分軽き人という。
				すべて心を用い、心配する仕事はむずかしくして、手足を用うる力役はやすし。
				ゆえに医者、学者、政府の役人、または大なる商売をする町人、
				あまたの奉公人を召し使う大百姓などは、身分重くして貴き者と言うべし。
			</p>
		</div>
		<h3>LTR horizontal</h3>
		<div dir="ltr" class="dir-ltr nice">
			<p>
				هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء. العديد من برامح النشر المكتبي وبرامح تحرير صفحات الويب تستخدم لوريم إيبسوم بشكل إفتراضي كنموذج عن النص، وإذا قمت بإدخال "lorem ipsum" في أي محرك بحث ستظهر العديد من المواقع الحديثة العهد في نتائج البحث. على مدى السنين ظهرت نسخ جديدة ومختلفة من نص لوريم إيبسوم، أحياناً عن طريق الصدفة، وأحياناً عن عمد كإدخال بعض العبارات الفكاهية إليها.
			</p>
		</div>
		<h3>LTR vertical</h3>
		<div class="vertical-lr nice">
			<p>
				「天は人の上に人を造らず人の下に人を造らず」と言えり。
				されば天より人を生ずるには、万人は万人みな同じ位にして、生まれながら貴賤上下の差別なく、
				万物の霊たる身と心との働きをもって天地の間にあるよろずの物を資り、もって衣食住の用を達し、
				自由自在、互いに人の妨げをなさずしておのおの安楽にこの世を渡らしめ給うの趣意なり。
				されども今、広くこの人間世界を見渡すに、かしこき人あり、おろかなる人あり、貧しきもあり、
				富めるもあり、貴人もあり、下人もありて、その有様雲と泥との相違あるに似たるはなんぞや。
				その次第はなはだ明らかなり。『実語教』に、「人学ばざれば智なし、智なき者は愚人なり」とあり。
				されば賢人と愚人との別は学ぶと学ばざるとによりてできるものなり。
				また世の中にむずかしき仕事もあり、やすき仕事もあり。
				そのむずかしき仕事をする者を身分重き人と名づけ、やすき仕事をする者を身分軽き人という。
				すべて心を用い、心配する仕事はむずかしくして、手足を用うる力役はやすし。
				ゆえに医者、学者、政府の役人、または大なる商売をする町人、
				あまたの奉公人を召し使う大百姓などは、身分重くして貴き者と言うべし。
			</p>
		</div>
	</body>
</html>
