---
order: 2
title: "Centering Elements"
nav: "centering-elements"
code-example: "true"
type: "getting-started"
description: "You can also make use of the `lost-center` property to assign a `max-width` and `margin: auto` to an element and center it on the page. `clearfix` will automatically be applied in this case."

---

{% highlight css %}
section {
  lost-center: 980px;
}

div {
  lost-column: 1/2;
}
{% endhighlight %}