kokoz on "Polylang: How do I move the flags out of widget area"

I had a look at the documentation and at the examples, but I didn't manage to do it myself. Could you please give me the code that I should put here, so that it is properly aligned and works.

<div class="x-topbar">
I want to put it somewhere here.
    <div class="x-topbar-inner x-container-fluid max width">
            <div class="x-social-global"><a href="https://www.facebook.com/v3designbulgaria" class="facebook" title="Facebook" target="_blank"><i class="x-social-facebook"></i></a></div>    </div>
  </div>

I tried with:

<?php // outputs a flags list (without languages names) ?>
<ul><?php pll_the_languages(array('show_flags'=>1,'show_names'=>1)); ?></ul>

but it only appears as text as if the code was put in
<pre> tag.