Dividir ol em duas colunas

Eu quero fazer uma linha com duas colunas

estou usando ol e tentei dividir a ol usando uma table de duas colunas dentro da ol

a primeira coluna com float: left e a segunda com float:right

mas por algum motivo isso não funciona

Na foto mostra como está e como quero que fique

Código HTML

<li class="linha_pergunta">
	<table>
 <tr>
 <td class="panel_esquerdo">
 <div class="titulo_pergunta">
 <span>pergunta</span>
 </div>

 <div class="data_postagem">
 <span>Postado em </span> data
 </div>
 </td>

 <td class="panel_direito">

 <div class="user_image">
 <img [...]/>
 </div>

 <div class="user_name">
 <span>nome usuario</span>
 </div>
 </td>
 </tr>
	</table>
</li>

	CSS:

ol{

 list-style: none;
}

.linha_pergunta{
 padding-top: 0.5em;
 padding-left: 5px;
 width: auto;
 padding-bottom: 0.5em;
}

.panel_esquerdo{
 float: left;
}

.panel_direito{
 float: right;
 padding-right: 10em;
}

.titulo_pergunta{
 font-size: 18px;
}

.user_image{
 float: center;
}

.data_postagem{
 font-size: 12px;
 color: gray;
}

	 

	Grato pela ajuda :)

	![imagem](https://forum.imasters.com.br/monthly_2017_11/ficar.png.7026d2c9926f5ebe644ae34456fe6613.png)

	![imagem](https://forum.imasters.com.br/monthly_2017_11/comota.png.fbc985e3ca823c46798dc6af18f74786.png)