Menu
Is there any semantic ui class to put space (top/bottom) between components or I have to use css styles? Eg. Between two segments or between a header and a cards group, etc etc..
832
Answer: You can set the margin property to auto to horizontally center the element within its container. The element will then take up the specified width, and the remaining space will be split equally between the left and right margins.
Solution: Always Use Top Margin! The reason is related to the 'C' in CSS.
The margin property sets or returns the margins of an element. This property can take from one to four values: One value, like: div {margin: 50px} - all four margins will be 50px. Two values, like: div {margin: 50px 10px} - the top and bottom margins will be 50px, left and right margins will be 10px.
Top and bottom margins do not affect inline elements because inline elements flow with content on the page. You can set left and right margins/padding on an inline element but not top or bottom because it would disrupt the flow of content.
Yes there is. You have to use the hidden and divider classes.
<div class="ui hidden divider"></div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
