Difference between revisions of "User:Annalucia.zablah"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
{| width="100%" cellpadding="35" cellspacing="10px"
 
 
|- valign="top"
 
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: black; background-color: white; font-size:1em;" |
 
 
<div style="column-count:1"> <div style="text-align: left">
 
 
{{#css:
 
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style>
 
 
.square {
 
.square {
   height: 100px;
+
  width: 100%;
   width: 200px;
+
   height: 0;
   background-color: #E4E6EA;
+
   padding-top: 100%;
 +
   background-color: #ccc;
 +
  position: relative;
 
}
 
}
</style>
+
.content {
</head>
+
  position: absolute;
<body>
+
  top: 0;
 
+
  left: 0;
<h2>Square CSS</h2>
 
<div class="square">
 
hola
 
</div>
 
 
 
 
}
 
}
<br>
 

Revision as of 14:54, 22 February 2023

.square {

 width: 100%;
 height: 0;
 padding-top: 100%;
 background-color: #ccc;
 position: relative;

} .content {

 position: absolute;
 top: 0;
 left: 0;

}