カードの中でテキストを縦横中央揃え

html

<div class="card">
   <p class="card_content">カードのテキスト</p>
</div>

CSS

.card{
   border:1px solid #ccc;
   background-color:#fff;
}
.card .card_content{
   width: 240px;
   height:100px;
   display:table-cell;
   vertical-align:middle;
   text-align:center;
}
        

vertical-align:middle;はdivタグやpタグには効かないので、
display:table-cellとheight:指定が必要。