Issue
I have this markup. I need to center align (horizontal and vertical) both the <i>
and <span>
that are next to each other. please guide.
<span (click)="onGoBackClick($event)" class="cursor-click">
<i class="fa fa-arrow-circle-left fa-2x"></i>
<span>Go back to previous page</span>
</span>
Solution
If you need to center this, flexbox is a good solution:
.cursor-click {
display: flex;
justify-content: center; // center horizontally
align-items: center; // center vertically
}
Demo here: https://codepen.io/aureliendebord/pen/VNOGZz
Answered By - Aurélien Answer Checked By - David Goodson (PHPFixing Volunteer)
0 Comments:
Post a Comment
Note: Only a member of this blog may post a comment.