Chạy thử Ví dụ Thuộc tính text-align trong CSS

Chạy thử Ví dụ Thuộc tính text-align trong CSS

Chạy thử Ví dụ Thuộc tính text-align trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ Thuộc tính text-align trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div{width:48%; float: left; margin-right:1%; background:#ddd; margin-bottom:10px; padding:0px 20px;}
</style>
</head>
<body>

<h1>Chạy thử Ví dụ Thuộc tính text-align trong CSS</h1>

<p>Dùng để canh lề cho văn bản, bạn có thể canh lề trái, lề phải, canh đều 2 bên, canh giữa cho văn bản:</p>

<div style="text-align: left;">
	<h3>text-align: left; Canh lề trái</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: right;">
	<h3>text-align: right; Canh lề phải</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: justify;">
	<h3>text-align: justify; Canh đều 2 bên</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: center;">
	<h3>text-align: center; Canh giữa</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: end;">
	<h3>text-align: end; Canh lề phải</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: start;">
	<h3>text-align: start; Canh lề trái</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: unset;">
	<h3>text-align: unset;</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: revert-layer;">
	<h3>text-align: revert-layer;</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: revert;">
	<h3>text-align: revert;</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: initial;">
	<h3>text-align: initial;</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

<div style="text-align: inherit;">
	<h3>text-align: inherit;</h3>
    <p>Hãy Chạy thử Ví dụ Thuộc tính text-align trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả để có cái nhìn dễ hơn khi học lập trình</p>
</div>

</body>
</html>
Chạy thử Ví dụ Thuộc tính text-align trong CSS nằm trong bài viết Thuộc tính text-align trong CSS