12

I need segment with text(inside <p> ), and button on next row on the right

I try next markup, but it seems not working properly( button overflow segment border):

<div class="ui container">
    <div class=" ui segment">
        <p> Some Text.</p>
        <button class="ui right floated primary button"> Some Action</button>
    </div>
</div>

How to do it, using semantic-ui framework?

Andrey Ischencko
  • 800
  • 1
  • 6
  • 18

1 Answers1

22

I found an answer:

In addition to using right floated on the button, also change the segment class from ui segment to ui clearing segment.

pbarney
  • 2,529
  • 4
  • 35
  • 49
Andrey Ischencko
  • 800
  • 1
  • 6
  • 18
  • 3
    'ui clearing segment' only changes the transparency of the segment, it does not make the segment right aligned as indicated in your original question. But 'ui right floated primary button' works. – Saeed D. Apr 26 '17 at 23:07
  • 1
    @SaeedD. add this class to segment, not to button – Andrey Ischencko Apr 27 '17 at 08:56