freeCodeCamp/guide/english/certifications/responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property/index.md

---
title: Center an Element Horizontally Using the margin Property
---
# Center an Element Horizontally Using the margin Property


---
## Solutions

<details><summary>Solution 1 (Click to Show/Hide)</summary>

```html
<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;
    margin: auto;
  }
</style>
<div></div>
```
</details>