.block-1 {
height: 40px;
width: 180px;
margin-bottom: 40px;
margin-top: 40px;
}
.block-2 {
width: 180px;
height: 100px;
border: 10px solid;
margin-left: 100px;
margin-bottom: 100px;
}
всё нормально? 100%
.block-1 {
height: 40px;
width: 180px;
margin-bottom: 40px;
margin-top: 40px;
}
.block-2 {
width: 180px;
height: 100px;
border: 10px solid;
margin-left: 100px;
margin-bottom: 100px;
}
всё нормально? 100%
/* Базовые стили, изменять не нужно */
body {
padding-top: 20px;
padding-left: 20px;
}
.block {
background-color: rgba(0, 255, 255, 0.2);
}
/* Стили блоков */
.block-1 {
margin-top: 40px;
height:40px;
width:180px;
}
.block-2 {
height: 100px;
width: 180px;
margin-top: 40px;
border: 10px solid white;
margin-left: 100px;
}
.block-1 {
height: 40px;
width: 180px;
margin-top:40px;
margin-bottom: 40px;
}
.block-2 {
height: 100px;
width: 180px;
margin-left: 100px;
border: 10px solid white;
}
я вот так написал, без нижних отступов тоже работает.
100% результат по первому испытанию:
/* Базовые стили, изменять не нужно */
body {
padding-top: 20px;
padding-left: 20px;
}
.block {
background-color: rgba(0, 255, 255, 0.2);
}
/* Стили блоков */
.block-1 {
width: 180px;
height: 40px;
margin-top: 40px;
}
.block-2 {
width: 100px;
height: 100px;
margin-left: 100px;
margin-top: 40px;
padding-right: 80px;
border: 10px solid white;
}
/* Стили блоков */
.block-1 {
width: 180px;
height: 40px;
margin-top: 40px;
}
.block-2 {
margin-top: 40px;
margin-left: 100px;
width: 180px;
height: 100px;
border: 10px solid white;
}