28 lines
571 B
HTML
28 lines
571 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.inner-box {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
.padding-left-100 {
|
|
padding: 100px 0 0 0;
|
|
}
|
|
.padding-top-100 {
|
|
padding: 0 0 0 100px;
|
|
}
|
|
.container-box {
|
|
width: 200px;
|
|
height: 200px;
|
|
}
|
|
</style>
|
|
<div class="container-box">
|
|
<svg class="inner-box padding-left-100">
|
|
<rect width="100%" height="100%" fill="green"/>
|
|
</svg>
|
|
</div>
|
|
<div class="container-box">
|
|
<svg class="inner-box padding-top-100">
|
|
<rect width="100%" height="100%" fill="green"/>
|
|
</svg>
|
|
</div>
|