btwelch · January 8, 2019 18:45 · dotthe140695 · Jul 18, 2021 · Omar-Abdelrady · Nov 4, 2021
diff --git a/Simple Certificate Template (CSS and HTML) b/Simple Certificate Template (CSS and HTML)
 <html>
    <head>
        <style type='text/css'>
            body, html {
                margin: 0;
                padding: 0;
            }
            body {
                color: black;
                display: table;
                font-family: Georgia, serif;
                font-size: 24px;
                text-align: center;
            }
            .container {
                border: 20px solid tan;
                width: 750px;
                height: 563px;
                display: table-cell;
                vertical-align: middle;
            }
            .logo {
                color: tan;
            }

            .marquee {
                color: tan;
                font-size: 48px;
                margin: 20px;
            }
            .assignment {
                margin: 20px;
            }
            .person {
                border-bottom: 2px solid black;
                font-size: 32px;
                font-style: italic;
                margin: 20px auto;
                width: 400px;
            }
            .reason {
                margin: 20px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="logo">
                An Organization
            </div>

            <div class="marquee">
                Certificate of Completion
            </div>

            <div class="assignment">
                This certificate is presented to
            </div>

            <div class="person">
                Joe Nathan
            </div>

            <div class="reason">
                For deftly defying the laws of gravity<br/>
                and flying high
            </div>
        </div>
    </body>
 </html>
	<html>
	<head>
	<style type='text/css'>
	body, html {
	margin: 0;
	padding: 0;
	}
	body {
	color: black;
	display: table;
	font-family: Georgia, serif;
	font-size: 24px;
	text-align: center;
	}
	.container {
	border: 20px solid tan;
	width: 750px;
	height: 563px;
	display: table-cell;
	vertical-align: middle;
	}
	.logo {
	color: tan;
	}

	.marquee {
	color: tan;
	font-size: 48px;
	margin: 20px;
	}
	.assignment {
	margin: 20px;
	}
	.person {
	border-bottom: 2px solid black;
	font-size: 32px;
	font-style: italic;
	margin: 20px auto;
	width: 400px;
	}
	.reason {
	margin: 20px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<div class="logo">
	An Organization
	</div>

	<div class="marquee">
	Certificate of Completion
	</div>

	<div class="assignment">
	This certificate is presented to
	</div>

	<div class="person">
	Joe Nathan
	</div>

	<div class="reason">
	For deftly defying the laws of gravity<br/>
	and flying high
	</div>
	</div>
	</body>
	</html>