Possuo esse menu que no momento tem duas ID que podem ser mais.
<ul>
<li><span class="ytVideo" data-videoID="6AmRg3p79pM">(Youtube 1)</span></li>
<li><span class="ytVideo" data-videoID="El3IZFGERbM">(Youtube 2) </span>
</li>
Como podem ver existe duas ID do youtube nelas, gostaria de alinhar elas uma ao lado da outra. ao inves de uma abaixo da outra. é um menu clicavel.
css do menu
#videoGallery ul {
list-style: none;
margin: 0;
padding: 0;
}
#videoGallery span {
display: block;
background-color: steelblue;
color: #fff;
font-family: sans-serif;
cursor: pointer;
padding: 4px 10px;
border-bottom: 1px solid #fff;
}
#videoGallery li {
position: relative;
}
span.nowPlaying {
position: absolute;
top: 0;
right: 0;
}
Exemplo de como deve ficar: https://jsfiddle.net/zh61vq0z/6/