top

css/slideme.css

 	left: -5px;
 }
 
-#position-absolute {
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
+.position-absolute {
 	font-size: xx-large;
 	line-height: 120%;
 	text-align: center;

index.html

         <article id="imgae">
             <div class="item">
                 <div style="position: relative;	width: 690px;	height: 50px;background-color: blue;">
-                  <div id="position-absolute" style="height: 5px;">
+                  <div class="position-absolute" style="height: 5px;">
                     新型コロナウイルス感染症について
                   </div>
                 </div>
               <a href="second/Coronavirus.html">
                 <div style="position: relative;	width: 345px;	height: 160px;float: left;background-color: cornflowerblue;">
-                  <div id="position-absolute" style="color: black;">
+                  <div class="position-absolute" style="color: black;">
                     北方町の状況や<br />対応についてはこちら
                   </div>
                 </div>
               </a>
               <a href="second/Vaccination.html">
                 <div style="position: relative;	width: 345px;	height: 160px;float: left;background-color: yellow;">
-                  <div id="position-absolute" style="color: black;">
+                  <div class="position-absolute" style="color: black;">
                     ワクチン接種<br />についてはこちら
                   </div>
                 </div>