CSSが意味不明な挙動をしていて困っています。そのスクショを以下に表示しています。
また、このページのURLを以下に記します。
http://togetsu.org/events/test.html
左上の丸いやつは縦横200pxで、横の「テスト」と書かれているDIV要素の高さも200pxに設定しています。
丸い画像の横に置きたいのですが、下に突き出てしまいます。
以下ソースです。HTMLについては、underscore.jsのテンプレート機能を用いています。
HTML
1<div class="event-banner" style="background-image:url(../img/mon/<%- data.banner[i] %>);"></div> 2<div class="event-title"> 3 <%- data.title[i] %> 4</div>
CSS
1div.body div.event-banner { 2 display: inline-block; 3 width: 200px; 4 height: 200px; 5 border-radius: 50%; 6 background-size: 480px 270px; 7 background-position: center; 8 background-repeat: no-repeat; 9 box-shadow: 0 0 2px rgba(0,0,0,0.5); 10} 11 12div.body div.event-title { 13 display: inline-block; 14 margin: 0 10px; 15 height: 200px; 16 font-size: 28px; 17 font-weight: 500; 18}
どうぞよろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。