- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство display: inline-block</title>
<link rel="stylesheet" href="setting.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="column column-1">
Блок 1
</div>
<div class="column column-2">
Блок 2
</div>
<div class="column column-3">
Блок 3
</div>
</body>
</html>
CSS
body {
padding: 20px;
}
.column {
margin-bottom: 20px;
margin-right: 20px;
padding: 10px;
}
.column-1 {
height: 40px;
}
.column-2 {
height: 60px;
}
.column-3 {
height: 80px;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
Измените отображение элементов с классом column
:
- Добавьте свойство
display: inline-block;
. - Добавьте свойство
vertical-align: bottom;
. - Задайте ширину
100px
.