わかりやすく色付けをしているのですが、赤色で塗りつぶしている部分を、黒塗りの中で中央に動かしたいのですが、右側に寄ったままで、うまくいきません。
御指南頂けますと幸甚です。
html
1 <div id = "misaki-lesson"> 2<ul> 3 <li> 4 <a class="misaki-link" href="/lessons/3"> 5 <div class = "class-title">『奇跡の大変身!もっと美しく若返るトータル美容レッスン』</div> 6 日時:8月28日 00:00 ~ 12月6日 17:14</br> 7 <div id = "tuning">場所:名鉄カルチャースクール</id> 8</a> </li> 9 <li> 10 <a class="misaki-link" href="/lessons/2"> 11 <div class = "class-title">『スマイルラインで話すボイスレッスン』</div> 12 日時:8月27日 00:00 ~ 12月5日 16:14</br> 13 <div id = "tuning">場所:名鉄カルチャースクール</div> 14</a> </li> 15</ul> 16</div>
css
1#misaki-lesson { 2 background-color: #000000; 3 margin-top: 0.5rem; 4} 5#misaki-lesson li { 6 background-color: #FF0000; 7 margin-bottom: 1rem; 8 padding: auto; 9 display: block; 10} 11#misaki-lesson ul li { 12 border-bottom: 2px solid #eee; 13} 14#misaki-lesson ul li:last-child { 15 border-bottom: 0 none; 16} 17#misaki-lesson #tuning { 18 padding-bottom: 1rem; 19}
回答2件
あなたの回答
tips
プレビュー