Developer technologies | ASP.NET | ASP.NET Core
A set of technologies in the .NET Framework for building web applications and XML web services.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
use vh for percent of window height:
<h1 style="margin-top: 45vh;">Title here</h1>
Best Practice for Positioning elements in html/css
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(278.4, 94%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EC%3C/text%3E%3C/svg%3E)
Coreysan
1,866
Reputation points
Sometimes I get so immersed in complex nested <div>s, that I forget the simple basics!
Suppose I have a web page where I want to position a blog post title about 45% down from the top of the page.
Nothing above the title, no images, no nothing, just empty space.
What's the best practice for creating that space?
My first though was:
<h1 style="margin-top: 12em;">Title here</h1>
(Not trying to use exact measurement. I just wanted to emphasize a large amount of room)
Developer technologies | ASP.NET | ASP.NET Core
Answer accepted by question author