Thu, 2018-12-06 12:18
Hello
In my tags, I have:
<body> <div class="content"> <h1 class="content__heading">Welcome To Whatever</h1> </div> Code to display a full screen video which works. </body>
What I wish to do is position the date on my page) - always in the same position (top-right). If I display the date with something like this:
.labelStyle { font: normal 14px 'trebuchet ms','News Cycle',Helvetica; /*color: #fff;*/ color: #94e8e3; float: right; position: absolute; top: 15px; right: 100px; }
immediately after , the date is not displayed at all anywhere on the screen. If I display it after
, the date is displayed but imprisoned by 'content class'. The top and right positions relate not to the screen, but to the properties of 'content class':
.content { position: relative; top: 30%; z-index: 2; margin: 0 auto; max-width: 720px; text-align: center; } .content__heading { margin-top:-18%; color: #94e8e3; font-size: 44px; }
How do I break out of 'content class', please, and display the date in the top-right of the screen?
Thanks!