Прошу проверить на корректность составления


#1
 html {
padding: 0;

}

body {
margin: 0;
padding: 20px;
}

.scene {
position: relative;
width: 260px;
height: 260px;
background: none;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}

div {
display: inline-block;
background: white;
}

/* горизонтальные элементы */
.h {
width: 50px;
height: 10px;
}

.h3 {
width: 40px;
}

/* вертикальные элементы */
.v {
width: 10px;
height: 50px;
}
.v1 {
position: absolute;
left: 20px;
bottom: 40px;
}

.v2 {
position: absolute;
left: 60px;
bottom: 40px;
}

.v3 {
position: absolute;
left: 100px;
bottom: 40px;
}

.v4 {
position: absolute;
left: 140px;
bottom: 40px;
}

.v5 {
position: absolute;
left: 180px;
bottom: 40px;
}

.v6 {
position: absolute;
left: 200px;
bottom: 40px;
}

.h3 {
position: absolute;
right: 20px;
bottom: 40px;
}

.h2 {
position: absolute;
left: 20px;
bottom: 60px;
}

.h1 {
position: absolute;
left: 80px;
bottom: 80px;
}

/* уголки */
.corner-top {
position: absolute;
right: 80px;
bottom: 70px;
border: 15px solid white;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: transparent;
background: none;
}

.corner-bottom {
position: absolute;
right: 80px;
bottom: 50px;
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
}

/* лого */
.logo {
position: absolute;
top: 80px;
left: 87px;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
}

Пытался от центровать логотип(text-align:center), ничего не получилось, это из-за того что задано абсолютное позиционирование?


#2

По рисунку логотип не по центру. С помощью text-align выравниваются только строчные и блочно-строчные элементы.

Обратите внимание на html-код. У вертикальных и горизонтальных кусочков, составляющих слово есть по два класса.
position: absolute; вы можете написать для .h и .v. Тогда не придется дублировать эту запись для каждого кусочка в отдельности.


#3

у тега div задано блочно-строчное свойство, разве оно не переноситься на вложенные элементы? И даже если отдельно задать логотипу это свойства , он всё равно не сдвигается на центр c помощью text-align


#4

В остальном замечание понял ,спасибо ! )


#5

Свойство display не наследуется. Любой спозиционированный элемент будет вести себя как блочный независимо от того, каким он был изначально.

Для выравнивания по центру вы должны задавать text-align не самому элементу, а его родителю.