Justify-content: space-between isn't spacing the two buttons. They're side-by-side with no margin. How do I make the buttons space-between?
export const Divbuttons = styled.div` display: 'flex'; flex-direction: 'row'; justify-content: 'space-between'; align-items: 'center'; padding: 0px; position: 'absolute'; `; export const Continue = styled.button` line-height: 16px; letter-spacing: 1.25px; padding: 10px 23px; box-sizing: 'border-box'; position: 'static'; `; export const Cancel = styled.button` line-height: 16px; letter-spacing: 1.25px; padding: 10px 23px 10px 23px; box-sizing: 'border-box'; position: 'static'; `;
<Divbuttons> <Cancel type='button'>Cancel</Cancel> <Continue type='button'>Save and continue</Continue> </Divbuttons>
https://stackoverflow.com/questions/65837988/justify-content-space-between-not-spacing-buttons January 22, 2021 at 09:04AM
没有评论:
发表评论