This trial version is a trial version (time limited) and is supported by the below listed disclaimer.Q:
CSS - Nested elements - positioning issue
I have a question regarding nested elements. The example is below. I can't figure out how to get the "cloud" under the letters.
.container {
border: 2px solid gray;
padding: 10px;
margin-bottom: 50px;
}
.header {
padding: 5px 0;
text-align: center;
font-family: sans-serif;
font-weight: bold;
}
.logo {
margin: 10px 0;
}
.cloud-container {
background-color: #f3f3f3;
padding: 2px;
border-radius: 5px;
}
.cloud-layer {
background-color: #f3f3f3;
margin-top: 10px;
padding: 0px;
border-radius: 10px;
}
.cloud {
width: 100px;
height: 100px;
background-color: #f3f3f3;
}
Header
Logo
A:
You are missing width and height:
.cloud-container {
background-color: #f3f3f3;
padding: 2px;
border-radius: 5px;
height:20px;
width:100px;
}
. be359ba680
Related links: