前提・実現したいこと
初心者の質問で失礼します。
flexを使ってバナーを横並びにしましたが、左寄せになっているのを
一部右寄せにして幅をそろえたいのですが、ここからどのような修正を加えたら
いいでしょうか?
アドバイスいただけると助かります。よろしくお願いします。
該当のソースコード
<div class="l-header__inner l-inner"> <h1 class="l-header__logo c-logo">バナー1 </h1> <div class="header-bn"> <img src=""" バナー2> </div> <div class="header-bn"> <img src="" バナー3> </div> </div>
<style type="text/css"> .l-inner { margin-left: auto; margin-right: auto; position: relative; width: 92.1875%; max-width: 1180px; } .l-header__inner { display: flex; /* 横並びに */ align-items: flex-end; height: 100px; position: relative; padding-bottom: 15px; } .c-logo { display: flex;/* 横並びに */ font-weight: 700; } .header-bn { margin-left: 10px; } </style>
補足情報(画像添付)
回答2件
あなたの回答
tips
プレビュー