Как прижать последний блок через display:table?

Question

[Semmy_99]

Всем привет. Ребят подскажите есть вот такая верстка.Скрин

Хочу сверстать через display:table, подскажите как правильно прижать последний блок к правой части ?
вот накидал примерную структуру Code

Comments

[Сергей Герасимов]

Сделайте через псевдоэлемент :last-child - htmlbook.ru/css/last-child

Answer 1

[Андрей Б.]

:last-of-type или я чего то не понял?

Comments

[Semmy_99]

А что ласт чайл сделает то ?

Эффект примерно ожидается как при

display: flex;
justify-content: space-between;

[Андрей Б.]

Semmy_99 Выберет последний элемент, а ему уже пропишите выравнивание по правому краю.
Сами "ячейки" вы не раздвините по краям, только содержимое.

Answer 2

[Пащук Илья]

А что если просто контент внутри последнего элемента просто определить по правому краю prntscr.com/jsxu51
prntscr.com/jszad1

А что если просто контент внутри последнего элемента просто определить по правому краю  http://prntscr.com/jsxu51
вот : 
<code lang="css">
*{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.wrap{
  display: table;
  width: 800px;
  border: 1px solid #000;
}
ul{
  display: table-row;
  
  li {
    display: table-cell;
    padding: 10px 10px;
    
    &:first-of-type{
      width: 300px
    }
  
    &:last-child {
      text-align:right;

      width :100px;
      background:red;
    }
   }
}
</code>