display:table; /* you maybe need !important here if you have another display rule somewhere else for this class */
Bootstrap 4: Vertical align floated element in a list
By : Nam Hoang
Date : March 29 2020, 07:55 AM
help you fix your problem Use the flex and sizing helper classes to make the link a flex parent with 2 children - the content you want on the left, and the content on the right. Use .justify-content-between, .align-items-center to separate the content so the arrow is on the right and centered vertically.