Управление центрированием HTML/CSS на экран

Question

Я довольно новичок в ASP.Net и что-то действительно связанное с веб-разработкой. Посмотрел несколько видео и получил основную идею.

Проблема, которую я имею сейчас, заключается в том, что я хотел бы сосредоточить свои взгляды на центре страницы.

Так, например, я создаю новый проект ASP.Net MVC в vs2015. Я создаю новый вид, и мой взгляд выглядит так.

@{ 
    ViewBag.Title = "Test Page"; 
} 

<div> 
    <button>Click me</button 
</div> 

Я хочу, чтобы кнопка была в центре экрана как по горизонтали, так и по вертикали. Как мне это достичь?

Я просмотрел всю сеть и попробовал почти все, что мог найти, но ничего не работает.

Редактировать: Полный кредит Луке, который указывает мне в правильном направлении.

В Site.css, расположенном в папке «Содержимое», я добавил следующее.

.centerStuff { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    -ms-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
} 

и теперь мое мнение выглядит следующим образом.

@{ 
    ViewBag.Title = "Test Page"; 
} 

<div class="centerStuff"> 
    <button>Click me</button 
</div>