Как изменить положение текста ⇐ CSS

[Anonymous]

Я новичок в индустрии программирования, особенно в вопросах css/html.
Кто-нибудь из вас знает, как изменить положение текста или как создать еще одно поле/таблицу со всей этой информацией рядом с карточкой с изображением актер?

Нужно ли мне создавать новый div или что-то в этом роде?
Добавить что-нибудь в css?



Мой CSS:

body {
background: url('/static/images/backkk.jpg');
}

.navbar-inverse {
background-color: #222;
border-color: #080808;
}

.card{
display: inline-table ;
justify-content: space-evenly;
grid-template-columns: 300px;
grid-template-rows: 330px 300px 40px;
grid-template-areas: "image" "text" "stats";
border-radius: 7px;
background: url('/static/images/back.jpg');
box-shadow: 7px 7px 7px rgba(252, 135, 2, 0.9);
font-family: Arial, Helvetica, sans-serif;
text-align: center;
border:3px solid rgb(255, 189, 7);
}

/*height card*/
.card-text
{
grid-area: text;
margin: 25px;
}

/* pilot*/
.card-text p {
color: rgb(16, 207, 144);
font-family: 'Times New Roman', Times, serif;
font-size:17px;
font-weight: 300;
border:"3px solid #73AD21";
text-align: center
}

.card-text h2 {
margin-top:20px;
font-size:23px;
}

/* lenght of card*/
.card {
transition: 0.5s ease;
cursor: pointer;
margin-top:-200px;
right: -30%;
width: 300px;
height: 35rem;
}


И мой HTML:









{{ actor.name }}


Age: {{ actor.age}}
Net-worth: {{actor.net_worth}}
Date-of-birth: {{actor.date_of_birth}}
Children: {{actor.children}}
Marital-status: {{actor.marital_status}}





Подробнее здесь: https://stackoverflow.com/questions/611 ... t-position