card game html

Как централизовать в диве текст

html код:

Card Game

Player1

2♣

css код:
h1 {
width: 100px;
height: 50px;
}

.bl1 {
width: 100px;
height: 50px;
border: 1px solid #000;
text-align: center;
font-size: 24px;
margin: 10px;
display: inline-block;
background-color: rgb(197, 197, 197);
}

Ты для начала нормально html код скинь