###前提
html css で日付 文章を組みました。
こちらの画像のように表示されてます。
###実現したいこと
現在、デザイン通りに組めているんですが、
テキストが2行目に増えた時に下のテキストと重なってしまいます。
テキストの分量に応じて他のテキストと重ならないようにhtmlを組むにはどうしたらよいでしょうか。
よろしくお願いします。
###該当のソースコード
css
1 2.right{ 3 margin-bottom: 100px; 4} 5.date{ 6 color: #00cdff; 7 margin-left: 22px; 8 margin-bottom: 14px; 9 position: relative; 10} 11.date_first{ 12 padding-top: 24px; 13} 14.home_info{ 15 position: absolute; 16 left: 116px; 17 width: 545px; 18} 19.table_right img{ 20 margin-left: 5px; 21} 22.news{ 23 width: 786px; 24 height: 160px; 25 background-color: #f2f2f2; 26 box-shadow: 0 0 0 5px #dedede inset; 27 margin-left: 180px; 28}
html
1<div class="right"> 2 <div class="title_right"><p>ホーム</p></div> 3 <ul class="table_right news"> 4 <li> 5 <div ><p class="date_first"><span class="date">2016/6/28</span><span class="home_info">登録キャンペーンを開始いたしました。</span></p></div> 6 </li> 7 <li> 8 <div><p><span class="date">2016/6/25</span><span class="home_info">新機能が追加されました。</span></p></div> 9 </li> 10 <li> 11 <p><span class="date">2016/6/1</span><span class="home_info">おすすめな宿が追加されました。</span></p> 12 </li> 13 <li> 14 <p><span class="date">2016/5/25</span><span class="home_info">新機能が追加されました。</span></p> 15 </li> 16 <li> 17 <p><span class="date">2016/4/20</span><span class="home_info">おすすめな宿が追加されました。</span></p> 18 </li> 19 </ul> 20 </div>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/13 05:34