質問: 画像のような感じで、左にタイトルロゴ、右寄せにしてリストを表示させたいんですが、うまくできません。 ヘッダーに対してflexboxで右並べにすると、listが右並べにならなくなります(???) 誰か手を貸してください。。。。。 About Works Contact header{ background-color: pink; height: 100px; display: flex; } ul{ text-align:right; } li{ display:inline-block; padding:0 10px; zoom:1 // IE7以下 }
回答: text-align:rightは不要です。 1解決法 .header-menu{ margin-left: auto; }