スライドショーと文字テキストを横並びに配置したいです。
スライドショーと文字のテキストが横並びにできません。
現在display: inline-block;で横並びにしようとしていますが、横並びになりません。
横並びにするコードが知りたいです。
HTML
1 2 <div id="history"> 3 4 <div class='container'> 5 <div class='single-item'> 6 <div> 7 <img src="ryokou1.jpg" width="480" height="330"> 8 </div> 9 <div> 10 <img src="ryokou2.jpg" width="480" height="330"> 11 </div> 12 <div> 13 <img src="ryokou3.jpg" width="480" height="330"> 14 </div> 15 </div> 16 17 18 <div class="text1" align="right"><h3>My history</h3> 19 <li>aaaaaaaaaaaaaaaaaa</li> 20 <li>aaaaaaaaaaaaaaaaaa</li> 21 <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> 22 <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> 23 <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> 24 <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> 25 </div> 26 27 28 29 </div> 30 </div>
css
1.container { 2 margin-top: 40px; 3 margin-left: 10px; 4 padding: 10px; 5 width: 100%; 6 color: #333; 7 background: white; 8 height: 500px; 9 display: inline-block; 10} 11 12.slick-slide { 13 text-align: center; 14 color: #419be0; 15 background: white; 16 17} 18 19.single-item { 20 width: 480px; 21 22} 23 24.text1 { 25 text-align: left; 26 display: 27} 28

回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/01 02:17