CODEWITHSUNDEEP
cssalignmentsemantic-uiright-align
Andrey Ischencko
Andrey Ischencko

Reputation: 790

How to align button right using Semantic UI

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?

Upvotes: 12

Views: 30688

Answers (1)

Andrey Ischencko
Andrey Ischencko

Reputation: 790

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.

Upvotes: 22

Related Questions