CSS導航條是網站中常見的組件之一，可以讓用戶方便地瀏覽和跳轉網站的不同頁面。而將導航條向左對齊，則是一種常見的布局方式，可以使得頁面更加美觀和清晰。

.nav {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 60px;
background-color: #222;
color: #fff;
}
.nav li {
list-style: none;
margin-right: 20px;
}
.nav li a {
text-decoration: none;
color: #fff;
font-size: 18px;
padding: 10px;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.nav li a:hover {
background-color: #f00;
color: #fff;
}

這段代碼實現了一個簡單的導航條，通過設置display為flex以及justify-content為flex-start，實現了導航條向左對齊的效果。此外，設置了一些樣式來使得導航條更加美觀，例如設置了背景色、字體顏色、圓角等。

使用此代碼片段可以快速地實現一個簡單美觀的導航條，并通過靈活調整樣式，適應不同的網站布局。