I am using an fa fa-star icon but i'm unable to make border on that fa star icon? How to do that?

Question

I'm having problem in making borders over fa fa star icon. It works perfectly but it's displaying behind fa fa icon.

I tired putting it in i tag but still it's not working.

<i class="fa fa-star" aria-hidden="true"></i>
<div class="text-block">
  <h4>Nature</h4>
  <p>What a beautiful sunrise</p>
</div>

Add your css code please, and if you have image of unexpected and expected result will be very helpful for other to help you. — cjmling, Nov 01 '19 at 08:24
.container { position: relative; } /* Bottom right text */ .text-block { position: absolute; bottom: 500px; right: 500px; background-color: black; color: white; padding-left: 20px; padding-right: 20px; display:block; } .icon{ bottom: 500px; right: 700px; } — Aleem223, Nov 01 '19 at 09:17
you css code does not have any property for setting `border`. You can learn how to set border from this tutorial. https://www.w3schools.com/css/css_border.asp — cjmling, Nov 01 '19 at 09:28
Put all relevant code in your question, not in the comments! — connexo, Nov 01 '19 at 09:43
https://stackoverflow.com/questions/35933260/can-we-add-border-around-the-fontawesome-icon-using-css — Paulie_D, Nov 01 '19 at 13:44

W4yp01nt · Answer 1 · 2019-11-01T09:47:02.917

-1

If you added the class border to your icon tag, you could then give the element a border by adding the following CSS to your project.

.border{
border: 1px solid #000;
}

If this is not what you are looking for, please update your question to be more descriptive about, in what way, you want to add a border to your element.

edited Nov 01 '19 at 09:47

answered Nov 01 '19 at 09:35

W4yp01nt

57
2
9

I am using an fa fa-star icon but i'm unable to make border on that fa star icon? How to do that?

Xxxxx xxxx Test1

Your Score: 76%

1 Answers1