Posicionamento de links e texto

Olá, estou treinando fazer minha primeira página levando em consideração muitas coisas que aprendi aqui durante o curso.

Esse é meu html e css. Estou com problemas para conseguir mover o texto do "menu-principal". Como ter mais liberdade de poder mover os textos ?(direita/esquerda, cima/baixo?

HTML>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
 <header class="titulo-principal">

      <nav class="menu-principal">
        <ul>
          <li><p class="titulo-menu">Portfólio do Will | </p></li>
          <li><a href="home.html">  Home |</a></li>
          <li><a href="experiencias.html">Experiências |</a></li>
          <li><a href="projetos.html">Projetos |</a></li>
          <li><a href="contatos.html">Contato |</a></li>
        </ul>
      </nav>



      </header>

      <div class="bloco-foto">
        <img class="minha-foto" src="man.png" alt="Foto de William Junger">
        <h1>William Junger</h1>
        <p class="subtitulo-principal">Estudante de Front-End</p>
      </div>

CSS>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

.menu-principal{
    position: relative;


}

.menu-principal ul{
    padding:70px;
    margin:0px;
    background-color: #FF4500;
    list-style:none;
    text-align: center;

}
.menu-principal ul li p{
    font-size: 60px;
    color: white;
    display:inline-block;
    text-align: left;
    font-weight: bold;
    float: left;

}

.menu-principal ul li{
    display: inline;

}
.menu-principal ul li a{
    padding: 2px 10px;


    /*visual*/
    color:white;
    text-decoration: none;
    font-size: 40px;
}