Videos en HTML

[fede5426]

No se me ocurre la verdad, con opacity quizas?

http://codepen.io/fede5426/pen/XbRwgL

Más no se puede adaptar, es un video.. O por lo menos no se ocurre en este momento.

Para las listas podes hacer lo siguiente, supongamos que tu estructura es algo asi:

Código HTML:

<ul>
    <li><a href="">Item 1</a></li>
    <li><a href="">Item 2</a></li>
    <li><a href="">Item 3</a></li>
    <li><a href="">Item 4</a></li>
    <li><a href="">Item 5</a></li>
</ul>
 

El css deberia quedar más o menos asi:

Código CSS:

li{
    display:inline-block;
    padding:.2em .5em;
    border-right:1px solid #000;
}
 
li:last-child{
    border:0;
}
 

Con el padding en Y (.2em) definís la altura de la linea, y con el padding en X (.5em) la separación entre items..

http://codepen.io/fede5426/pen/xGdNPG

Y sino para tu caso, agrega esto al css y ya:

Código CSS:

li:first-child:before{
    content: "";
}
 

Por cierto, por el codigo css que dejaste veo que tu estructura es "ul> a> li".. eso está mal, es al reves.. "ul> li> a"