如何使用 HTML 从右到左显示文本?

htmlweb developmentfront end technology更新于 2024/6/28 23:40:17

direction 属性指定网页上块元素内的文本方向。

我们使用 style 属性在 HTML 中设置文本方向。style 属性为块内元素指定内联样式。style 属性与 CSS 属性 direction 一起使用来设置文本方向。

语法

以下是使用 CSS 属性设置文本方向(从右到左)的语法。

<p style = "direction: rtl;">The text…</p>

示例

以下是在 HTML 中设置 <p> 元素方向的示例程序。


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p style = "direction: rtl;">
      whiteboards are so often at the core of a collaborative process
   </p>
</body>
</html>

示例

Following is the example program to set direction to the <h2> element in HTML.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <h2 style = "direction: rtl;">
      Hallowen season it is...
   </h2>
</body>
</html>

示例

以下是设置 HTML 中 <ul> 元素方向的示例程序。


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <ul style = "direction: rtl;">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
   </ul>
</body>
</html>