• Locked
No replies
Thu, 2018-12-06 12:18
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 2 weeks 1 day ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 95
Points: 134

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!

Top
Tags: