html - インライン表示はコンテンツを 1 行下にドロップします

Question

ドロップダウンするのではなく、ヘッダーリストをヘッダーと同じ行に配置する方法を考えています。これは私がリストに使用しているコードです:

#header li {
    display: inline;
}

基本的なことはわかっていますが、理解できません。

score 2 · Accepted Answer

これを試して。これにより、li がヘッダーコンテンツとインラインになります。これで、必要に応じてその位置を設定できます。

#header h1,#header ul, #header ul li {
    display: inline-block;
}

score 1 · Accepted Answer

すべてをインラインで表示できます。

#header li, #header ul, h1 {
    display: inline;
}

2 に答える 2