Semantic-UI Float right of an elem in Segment
<p>I have a problem with the Segments in Semantic UI. I have a dynamic list of elements where I put a segment class and inside, I display some data and some icons. My problem is I can't push the icons to the right after the title. (they are span to stay in the same line)</p>

<pre><code>    .ui.segments.piled
      if currentUser
        .ui.segment
            form.new-list.ui.transparent.icon.input.fluid
                i.icon.edit
                input(type="text" name="text" placeholder="Add List")
      each lists
        .ui.segment.listitem.list-selected
          span.text #{text}
          if isOwner
            span#editlist
                i.fa.fa-edit
            span
                i.icon.delete.ui.red
            span.toggle-list-private
                if private
                    i.fa.fa-lock.private-lock
                else
                    i.fa.fa-unlock.public-lock
        .ui.teal.label
            span {{incompleteCount this._id}}
</code></pre>

<p><a href="https://i.stack.imgur.com/EEjmy.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/EEjmy.jpg" alt="enter image description here"></a></p>

<p>I tried .floated.right and .aligned.right but nothing is working ...
I would like to push all the icons and stick it to the right side.</p>

<p>Thanks for the help</p>