Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make a circle around a letter?

Tags:

html

css

I need to make a small circle background behind the letter "A". What CSS would make this effect?

See example:

Example

like image 609
Design Avatar asked May 01 '15 01:05

Design


People also ask

How do I type a letter with a circle around it?

You can use one of the alt keys and type the decimal numbers using number pad. For example, alt + 9411 will produce circled capital N like Ⓝ. If you do not have a keyboard with number pad then try the alt + x method. Type the hexadecimal codes and then press alt + x to convert it into a circled letter.


1 Answers

With CSS? Something like this? http://jsfiddle.net/eLhqswyd/

<span class="i-circle">i</span>

.i-circle {
    background: #ff0000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 50%;
    font-size: 35px;
}
like image 167
Chun Avatar answered Sep 30 '22 15:09

Chun