Category Archives: CSS

CSS: Center text (horizontally and vertically)

Posted on 2024 年 01 月 29 日 by cowman.chiang

<html>

<head>
    <meta charset="UTF-8">
    <title>404 Error Page</title>
    <style>
        .parent{
          width: 100%;
          height: 30%;
          margin-bottom: 50px;
          
          text-align: center; 
        }

        .text-parent:before {
          content: "";
          display: inline-block;
          height: 100%;
          vertical-align: middle;
        }        
    </style>
</head>

<body>
    <div class="parent text-parent">
        <h1> 404 </h1>
    <hr>
        <h3>此活動不存在</h3>
    </div>
</body>

</html>

<html>

<head>

<title>404 Error Page</title>

<style>

.parent{

width: 100%;

height: 30%;

margin-bottom: 50px;

text-align: center;

}

.text-parent:before {

content: "";

display: inline-block;

height: 100%;

vertical-align: middle;

}

</style>

</head>

<body>

<hr>

<h3>此活動不存在</h3>

</div>

</body>

</html>

Ref.: iThome: 29. CSS 水平置中/ 垂直置中的方法

Posted in CSS, HTML | Comments Off

[CSS] Removing outline on image map area

Posted on 2016 年 05 月 29 日 by cowman.chiang

Ref. Removing outline on image map area HTML ＜img class=”map” src=”…” usemap=”…” hidefocus=”true” /> CSS img.map, map area{ outline: none; }

Posted in CSS | Leave a comment

Category Archives: CSS

CSS: Center text (horizontally and vertically)

[CSS] Removing outline on image map area

Categories