From 01338aec37ef27a6c465f3e1f44e3d4af2e4fdb8 Mon Sep 17 00:00:00 2001 From: Jeremy Krovitz Date: Mon, 29 Jun 2020 21:01:33 -0500 Subject: [PATCH] Modify style and fix indentation of 500.html --- sample_banner/500.html | 133 ++++++++++++++++++++++------------------- 1 file changed, 71 insertions(+), 62 deletions(-) diff --git a/sample_banner/500.html b/sample_banner/500.html index fd1c001..7f44caf 100644 --- a/sample_banner/500.html +++ b/sample_banner/500.html @@ -1,73 +1,82 @@ - - - Sample - - + + Sample + + - + .backplane { + border: 10px solid black; + z-index: -1; + } - + .frontplane { + border: 10px solid blue; + border-radius: 20px; + text-align: center; + z-index: 2; + } - -

Sample Banner

-

The below is a sample of a stacked banner of two divs where the back div holds an actual image background rather than a background-color or background-image property in CSS.

+ h2 { + font-size: 3em; + z-index: 3; + position: absolute; + line-height: 0; + top: 35%; + left: 25%; + text-align: center; + } -