Original advice given to center the body results in ul, li, a not centered properly:

```
.jumbotron h1, .jumbotron h2 {
text-align: center;    
}

.jumbotron {
    position: relative;
    top: -9px
    padding: 75px 0px 75px 0px;
}

.jumbotron ul, .jumbotron li, .jumbotron a {
    display: inline;
    text-decoration: none;
}

```

My attempted solutions:
This one seems to work the best, but there has to be a way to center the body and have all elements aligned.

```css
.jumbotron {
  position: relative;
  text-align: center;
  top: -9px;
  /*Extend out div use padding */
  padding: 75px 0px 75px 0px;
}

.jumbotron ul,
.jumbotron li,
.jumbotron a {
  display: inline;
  padding: 75px 10px 75px 10px;
  text-decoration: none;
}
```

```html
<div class="jumbotron">
  <h1>
    abcde
  </h1>
  <h2>
    abcde
  </h2>
  <ul>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#resume">Resume</a></li>
  </ul>
</div>
```