Template:Banner Spoiler: Difference between revisions

Help

Revision as of 05:38, 13 April 2020

 height: 100px;
 position: relative;
 border: 1px solid red;
 color: white;
 font-size: 14px;

}

.vertical-center {

 margin: 0;
 position: absolute;
 top: 50%;
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);

} </style>

Warning: This page contains spoilers

@@ Line 1: / Line 1: @@
-<div style="border: 1px solid red; height: 100px; text-align: center; overflow: hidden;">
+<style>
+.container {
+  height: 100px;
+  position: relative;
+  border: 1px solid red;
+  color: white;
+  font-size: 14px;
+}
+.vertical-center {
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+</style>
+<div class="container">
 [[File:Lego-face.jpg|65px|left|link=]]
-<span style="color: white; font-size: 14px; margin: 0; top: 50%;   -ms-transform: translateY(-50%);
+  <div class="vertical-center">
-  transform: translateY(-50%);"> Warning: This page contains spoilers.
+    <p>Warning: This page contains spoilers</p>
-</span>
+  </div>
 </div>