» - HTML"> » - HTML"> » - HTML
 » - HTML

Có thể bạn quan tâm

Skip to content HTML / Create An HTML Table Quickly & Easily With Our Code Example / <table align="">Deprecated in HTML5. Do not use.Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn moreAttribute ofCreate An HTML Table Quickly & Easily With Our Code ExampleWhat does <table align=""> do?Was used to align an HTML table to the left, right, or centered relative to the parent element. This attribute has been deprecated and CSS should be used to control the position of a table.

Code Example

<table align="right" style="width: 100px;"> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> </table> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida nibh nec massa dapibus, sed malesuada nisi posuere. Integer auctor faucibus sapien.</p> <p>Sed ut magna in massa efficitur aliquam. In quis lorem arcu. Aenean dignissim molestie dolor nec laoreet. Proin eu massa a mauris molestie laoreet et vel nibh. Vestibulum quis odio ac turpis lobortis ultricies.</p>
First columnSecond columnThird column
First columnSecond columnThird column
First columnSecond columnThird column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida nibh nec massa dapibus, sed malesuada nisi posuere. Integer auctor faucibus sapien.

Sed ut magna in massa efficitur aliquam. In quis lorem arcu. Aenean dignissim molestie dolor nec laoreet. Proin eu massa a mauris molestie laoreet et vel nibh. Vestibulum quis odio ac turpis lobortis ultricies.

Controlling Table Positioning

Be default, a line break will appear both before and after a table. The align element could be used to break the table out of its standard behavior and position it to the left or right of the parent container while sibling content moved up next to the table. The align attribute has been deprecated. However, you can accomplish the same thing with CSS and the float property.

<style> table.example-table { width: 100px; float: right; } </style> <table class="example-table"> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> </table> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida nibh nec massa dapibus, sed malesuada nisi posuere. Integer auctor faucibus sapien.</p> <p>Sed ut magna in massa efficitur aliquam. In quis lorem arcu. Aenean dignissim molestie dolor nec laoreet. Proin eu massa a mauris molestie laoreet et vel nibh. Vestibulum quis odio ac turpis lobortis ultricies.</p>

Here’s what your browser thinks that code should look like.

table.example-table{width: 100px; float: right;}

First columnSecond columnThird column
First columnSecond columnThird column
First columnSecond columnThird column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida nibh nec massa dapibus, sed malesuada nisi posuere. Integer auctor faucibus sapien.

Sed ut magna in massa efficitur aliquam. In quis lorem arcu. Aenean dignissim molestie dolor nec laoreet. Proin eu massa a mauris molestie laoreet et vel nibh. Vestibulum quis odio ac turpis lobortis ultricies.

Adam WoodAdam is a technical writer who specializes in developer documentation and tutorials.

Post navigation

How To Use In HTML<td nowrap>

Search HTML.com

Search for:

Most Popular

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok