在 HTML 中實現居中偏左的效果，常常會用到以下兩種方法：

/* 方法一：使用 margin 屬性 */
div {
width: 300px;
height: 200px;
margin: 0 auto;
text-align: left;
}
/* 方法二：使用 flexbox 布局 */
.container {
display: flex;
justify-content: center;
}
.content {
width: 300px;
text-align: left;
}

方法一比較簡單，只需要在居中的元素上設置 margin: 0 auto; 即可。需要注意的是，要將居中的元素的 text-align 屬性設置為 left，否則文本仍然會居中對齊。

方法二使用 flexbox 布局，先將包含居中元素的容器設置為 display: flex; 之后使用 justify-content: center; 實現水平居中。然后在居中元素上設置 text-align: left; 就可以使文本偏左居中。