|
|
@@ -1,35 +1,42 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
+
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
<style>
|
|
|
- .test {
|
|
|
- position: relative;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- img {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
+ .box {
|
|
|
+ text-indent: 2em;
|
|
|
}
|
|
|
- h2 {
|
|
|
- mix-blend-mode: screen;
|
|
|
- color: #000;
|
|
|
- background-color: rgba(255,255,255,.6);
|
|
|
- text-align: center;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- top: 0;
|
|
|
+ .box div {
|
|
|
+ display: inline-block;
|
|
|
+ /* text-indent: 0; */
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
- <div class="test">
|
|
|
- <img src="https://4dkk.4dage.com/images/imagesSS-t-sd04dnbZ8i/tiles/4k/0_skybox2.jpg?x-oss-process=image/resize,h_512&time=20221031163357" alt="">
|
|
|
- <h2>Hello word</h2>
|
|
|
- </div>
|
|
|
+ <input type="text" class="box" value="asdasdasd">
|
|
|
+ <button class="box">asdasd</button>
|
|
|
+ <textarea class="box">asdasd</textarea>
|
|
|
+ <div class="box">
|
|
|
+ Found a problem with this page?
|
|
|
+ Found a problem with this page?
|
|
|
+ Found a problem with this page?
|
|
|
+ Found a problem with this page?
|
|
|
+ Found a problem with this page?
|
|
|
+ <div>
|
|
|
+ Found a problem with this page?
|
|
|
+ Found a problem with this page?
|
|
|
+
|
|
|
+ </div>
|
|
|
+ Found a problem with this page?
|
|
|
+ Found a problem with this page?
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|
