body {
margin: 10px auto;
width: 470px;
}
h3 {
margin: 0;
padding-bottom: .3em;
font-size: 1.1em;
}
p {
margin: 0;
padding: 0 0 .5em;
}
.pane {
background: #edf5e1;
padding: 10px 20px 10px;
border-top: solid 2px #c4df9b;
border:dotted;
position: relative;
/*PARENT POSITION RELATIVE*/
}
.remove-button {
position: absolute;
/*CHILD POSITION ABSOLUTE*/
font-size: 110%;
color: darkred;
right: 10px;
width: 24px;
height: 24px;
background: transparent;
cursor: pointer;
/*
when parent element has the position relative
and the child elem has absolute,
ANT ADDITIONAL POSITIONING WILL BE DONE RELATIVE
TO THE PARENT ELEMENT
*/
}
margin: 10px auto;
width: 470px;
}
h3 {
margin: 0;
padding-bottom: .3em;
font-size: 1.1em;
}
p {
margin: 0;
padding: 0 0 .5em;
}
.pane {
background: #edf5e1;
padding: 10px 20px 10px;
border-top: solid 2px #c4df9b;
border:dotted;
position: relative;
/*PARENT POSITION RELATIVE*/
}
.remove-button {
position: absolute;
/*CHILD POSITION ABSOLUTE*/
font-size: 110%;
color: darkred;
right: 10px;
width: 24px;
height: 24px;
background: transparent;
cursor: pointer;
/*
when parent element has the position relative
and the child elem has absolute,
ANT ADDITIONAL POSITIONING WILL BE DONE RELATIVE
TO THE PARENT ELEMENT
*/
}
댓글
댓글 쓰기