title: Semantic-UI Float right of an elem in Segment
body: <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>