Posicionar Mensagens Chat Codeigniter

Olá, Estou a desenvolver um aplicativo de mensagens(chat) e praticamente está concluído e funcionando.

Acontece que as mensagens estão todas alinhadas da esquerda para direita, independente do usuário da mensagem.

Exemplo:

Usuario 1 Mensagem
Usuario 2 Mensagem
Usuario 1 Mensagem
Usuario 2 Mensagem

Pretendo alterar isto e posicionar a mensagem do usuario 1 a esquerda e posicionar a mensagem do usuario 2 a direita. (estilo WhastApp).

Usuario 1 Mensagem
Mensagem Usuario 2
Usuario 1 Mensagem
Mensagem Usuario 2

Abaixo está o código de como estou recuperando a mensagem.

<?php
$this->db->select('tickets_historico.*,usuarios.nome_usuario');
 $this->db->join('usuarios','usuarios.id = tickets_historico.usuario_id', 'left');
 $this->db->where('ticket_id = 1');
 $this->db->order_by('dt_cadastro','desc');
 $historico = $this->db->get('tickets_historico')->result_array()
?>

Abaixo está o código de como estou exibindo a mensagem.

<div class="direct-chat-msg">
 <?php //Se houver comentários, imprime os comentários
 if(count($historico) > 0)
{ foreach ($historico as $row)
 {?>
 <?php $id = $row['usuario_id']; ?>
 <?php $image_url = base_url() . 'upload/imagens_usuarios' . '/' . $id . "_thumbnail" . '.jpg'; ?>
 <div class="direct-chat-info clearfix">
 <span class="direct-chat-name pull-left"><?=$row['nome_usuario']?></span>
 <span class="direct-chat-timestamp pull-right"><?= date('d/m/Y h:i A',strtotime($row['dt_cadastro']))?></span>
 </div>
 <img class="direct-chat-img" src="<?php echo $image_url; ?>" alt="message user image">
 <div class="direct-chat-text">
 <?=$row['mensagem'];?>
 </div><br>
 <?php }
}

else //Quando não há nenhum comentário {

echo "<p>Atualmente, não há comentários.</p>";
}
?>
</div>

Resumindo o código acima:

if(count($historico) > 0)

 { foreach ($historico as $row)
{?>
 <p><strong><?=$row['nome_usuario']?></strong> Disse em <?= date('d/m/Y h:i A',strtotime($row['dt_cadastro']))?><br>
 <?=$row['mensagem'];?></p><hr>
<?php }
}
 else //Quando não há nenhum comentário

{

 echo "<p>Atualmente, não há comentários.</p>";
}
?>