OLA.. BOM DIA /TARDE/ NOITE / MADRUGA para todos...

Não estou conseguindo colocar a propriedade "inline" pelo CSS no cabeçalho do index.html. código escrito abaixo:

no index.html: `

<!--<style>
    p {
        text-align: center;
    }
</style> -->

<link rel="stylesheet" href="index.css"> 
<title>CURSO ALURA</title>

`

no index.css:

header {
    background: #BBBBBB;
    padding: 20px 0;
}

.caixa {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

nav {
    position: absolute;
    top: 110px;
    right: 0px;
}

nav li {
    display: inline;
    margin: 0 0 0 20px; /*configuração primeiro topo direita baixo esquerda*/
}

nav a {
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none;
}

nav a:hover {
    color: #c78c19;
    text-decoration: underline;
}

body {
    background: #FFFFFF
}

#Banner{
    width: 100%;
    height: 500px;
}

.principal {
    background:  #CCCCCC;
    padding: 30px;
}

.TituloPrincipal {
    padding-left: 20px;
}

.TituloCentralizado {
    text-align: center;
}

/*
utilizado para alinhar o paragrafo e substituído pela classe TituloCentralizado
h1{
    text-align: center;
}
*/
header {

}
p {
    text-align: center
}

#Missao {
    font-size: 30px
}

em strong {
    color: #ff0000
}

.itens {
    font-style: italic;
}

.beneficios {
    background: white;
    padding: 20px;
}

/*
H2 {
    text-align: center;
}
*/
ul {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 15%;
}

.imgbeneficios {
    width:  50%;
}

porem ele nao fica em linha...

apliquei as demais tags que deixaram as demais formatações ok, porém nao fica em linha...