How can I align a <svg> element with text?

I wanted to use Bootstrap icons next to text to help differentiate options/items in a simple webpage I'm designing, but the <svg> elements are slightly off relatively to the text. I'm using Bootstrap 4.0.0 with a personal css file to tweak a couple of things.

Both the HTML and CSS I used are in https://www.codeply.com/p/MU4zE84NJc, where the problem can be seen in the table items. It's minimal but I can't leave it unsolved.

Any idea how can I make sure the <svg> elements stay aligned with the text?



Read more here: https://stackoverflow.com/questions/64189898/how-can-i-align-a-svg-element-with-text

Content Attribution

This content was originally published by CelticJordan at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: