HTML常常需要對內容進行對齊或者布局來達到更好的呈現效果。在這個過程中，左右自動代碼可以幫助我們實現一些效果。

<div style="text-align:center;">
<img src="logo.png">
</div>

上面這段代碼可以實現一個圖片在頁面中居中顯示的效果。通過給包裹圖片的div設置樣式，讓它的文本水平居中，就可以讓圖片跟著一起居中了。

<table style="margin: 0 auto;">
<tr>
<td>內容1</td>
<td>內容2</td>
</tr>
</table>

另外一個例子是用表格實現左右自動對齊。在這個例子中，把table的margin設置為0 auto，就能讓表格自動居中顯示。里面內容的寬度會自動調整到合適的大小。

左右自動代碼雖然簡單，但是在頁面樣式設計中有很廣泛的應用。這種技巧可以幫助你實現很多看似困難的細節效果。我們要學會靈活應用這些技巧，讓頁面呈現出更好的效果。