まずはこちらのコードなのですが、
HTML
1<section> 2 <h2 class="info-title">お知らせ</h2> 3 <ul class="info-list"> 4 <li class="info-item"> 5 <time class="date" datetime="2018-06-27">2018年6月27日</time> 6 <span class="category news">PRODUCT</span> 7 <span class="section">テキストテキストテキストテキストテキストテキストテキストテキストテキスト</span> 8 </li> 9 </ul> 10</section>
やりたい事としては、日付け・カテゴリ・テキストを横並びにし(※ここまでは出来ました)テキストが改行される場合に日付けのところまで回り込んでしまうので、回り込まずに改行する方法が知りたいです。
試行錯誤したのですが、思った通りに行かず質問させて頂きました。
ちなみに下記CSSです。
CSS
1section { 2 margin-left:100px; 3 margin-right: 100px; 4} 5 6h2 { 7 text-align: center; 8} 9 10.info-title { 11 border-bottom: 2px solid #0066FF; 12 padding-bottom: 50px; 13 padding-top: 20px; 14} 15 16.info-list { 17 list-style: none; 18 text-align: left; 19 margin: 0; 20 padding: 0; 21}
宜しくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。