Помогите сверстать плейлист!

[adelein]

Здравствуйте!

Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float.

Нарисовал картинку для лучшего понимания вопроса.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

То, что есть сейчас

<ul class="playlist">
	<li>
    		<i class="play_button">▶</i>
    		<span class="artist">Seekae</span>
    		<span class="track">Void</span>
	</li>
</ul>

li {

    line-height: 2px;
    font-size: 15px;
    list-style-type: none;  
    height: 50px;
 
}

ul {
  
    padding-left: 2px;
  
}

.playlist {
 
    margin: 0;

}

.artist {

    float: right;
    line-height: 0;
  
}

Спасибо!

Edited September 30, 2016 by adelein

[DivMan]

делаешь таблицу, создаёшь 2 строки засовываешь 2 ячейки и объединяешь 2 правые строки 

[adelein]

10 часов назад, DivMan сказал:

делаешь таблицу, создаёшь 2 строки засовываешь 2 ячейки и объединяешь 2 правые строки 

Нужно блочно, без таблиц. Есть варианты ?

[DivMan]

table-cell