My Code

```css
.nav_bar {
 position: absolute;
 top: 0;
 width: 800px;
 height: 23px;
 display: inline-block;
 text-align: center;
 background-color: #0090bc;
 border-bottom-left-radius: 12px;
 border-bottom-right-radius: 12px;
 border: 2px solid #004D6F;
 -webkit-box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.7), inset -2px -2px 0px rgba(0, 0, 0, 0.7);
 box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.7), inset -2px -2px 0px rgba(0, 0, 0, 0.4);
 padding: 10px;
 font-family: arial;
 color: white;
}
```

```html
<center>
 <div class="nav_bar">
  <center><font size="5"><span class="shadow"><b>Text</b></span></font></center>
 </div>
</center>
```

The '.nav\_bar' div won't centre for some reason! Here is the output! I've added the centre tag to see if it would centre but it wont't can someone please help me

Output:
![enter image description here](https://i.stack.imgur.com/NYNe2.png)