最近の記事

ボックス内のテキストを中央合わせで左揃え

■html<div class="box"> <p class="text">1行目テキスト<br>2行目テキスト</p></div> ■CSS.box {  text-align: center;}.text { text-align: left; display: inline-block;} boxクラスにまずは中央になるようにtext-align: centerを追加。 textクラスには左揃えになるようにtext-align: leftをそれぞれに追加。 そして

    • 片側だけ少し画像見せてスライダー実装【swiper.js】

      片側(右側)だけ少し画像を見せてスライダー実装がしたい。 マークアップ備忘録 ■イメージ ■html<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="画像パス" alt=""></div> <div class="swiper-slide"><img src="画像パス" alt=""></div>

    ボックス内のテキストを中央合わせで左揃え

    • 片側だけ少し画像見せてスライダー実装【swiper.js】