申し訳ありませんが、適切な初心者がここにいます。CSS コードの同じ行にタイトル/ロゴとナビゲーションを表示する方法がわかりません。タイトル/ロゴを左側に配置し、ナビゲーションを右側に配置したい。私を助けてください!進行中の作業へのリンクhttp://saintdeiters.bigcartel.com
これが私のナビゲーションCSSです:
#main_nav {
overflow: hidden;
margin: 0 auto;
text-align: right;
}
#main_nav ul {
margin: 0;
}
#main_nav li {
display: inline-block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-font-smoothing: subpixel-antialiased;
border-bottom: 1px solid #e5e5e5;
}
#main_nav li a {
display: block;
padding: 20px 17px 13px;
border: 0;
}
#mobile_nav {
display: none;
}
これが私のサイト ヘッダー CSS です。
#site_header header {
margin: 0;
overflow: hidden;
}
#site_header header #store_name {
width: 50%;
margin: 60px auto 78px;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 6px;
padding-right: 6px;
text-align: left;
white-space: normal;
}
#site_header header #store_name a { border: none; }
#site_header #branding {
text-align: left;
padding: 10px 0 10px;
}
#site_header #branding a img {
margin: left; 0 auto;
}
#site_header #branding a h2 {
display: none;
}