No replies
Bluenose's picture
Last seen: 3 years 20 weeks ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136


In my tags, I have:

<div class="content">  
<h1 class="content__heading">Welcome To Whatever</h1>
Code to display a full screen video which works.

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 {
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?