WPMEMO
Wordpress memorandum Blog and Lifestyle

アイテムやテキストを上下左右センターに配置する

◼️HTML

   <div class="itembox">
     <div class="item">
       ここにテキストや画像を配置する
     </div>
   </div>
 


◼️CSS

   .itembox{
     position:relative;
     width:300px;
     height:300px;
   }
   .item{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 50%;
              height: 50%;
   }