html - Border radius not changing for content -



html - Border radius not changing for content -

i'm trying border radius circle out greenish box see it's not working , i'm using border-radius: 50%;.. i'm not exclusively sure if i'm doing correctly.

css:

.fa-circle-o:before{ content:"\f10c"; color: #4c9628; padding-right: 5%; border-radius: 50%; }

html:

<p class="rank fa-circle-o">yo rank</p>

what shows:

any ideas?

there's no border work on because content character. seek instead

.fa-circle-o:before{ content:" "; margin-right: 5px; border: 1px solid #4c9628; height: 11px; width: 11px; display: inline-block; border-radius: 50%; }

html css

Comments

Popular posts from this blog

assembly - What is the addressing mode for ld, add, and rjmp instructions? -

vowpalwabbit - Interpreting Vowpal Wabbit results: Why are some lines appended by "h"? -

Is there a way to convert an HTML page styled with Bootstrap CSS into email-compatible html? -