<blockquote dir="ltr">Quotation in English</blockquote>
<blockquote dir="rtl">اقتباس في العربية</blockquote>
<blockquote class="vertical">其實,這幾種不同文字</blockquote>
blockquote {
border-block-start: dotted 10px #41B3A3;
border-block-end: dashed 8px #E27D60;
min-block-size: 50px;
max-inline-size: 300px;
margin-block-start: 24px;
padding-block: 4px;
font-size: 18px;
}
.vertical {
writing-mode: vertical-rl;
font-size: 20px;
font-family: Microsoft JhengHei,微軟正黑體,Heiti TC,黑體-繁,sans-serif;
line-height: 2;
text-align: justify;
}
[dir="rtl"] {
font-family: 'Tajawal', sans-serif;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.