CSS circle with annotations [on hold]2019 Community Moderator ElectionSet cellpadding and cellspacing in CSS?How do I give text or an image a transparent background using CSS?Storing Objects in HTML5 localStorageChange an HTML5 input's placeholder color with CSSHow can I transition height: 0; to height: auto; using CSS?Can I hide the HTML5 number input’s spin box?How do I make a placeholder for a 'select' box?How do CSS triangles work?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?

What would be the most expensive material to an intergalactic society?

Why isn't P and P/poly trivially the same?

What is the oldest European royal house?

Mixed Feelings - What am I

Why is there an extra space when I type "ls" on the Desktop?

Tabular environment - text vertically positions itself by bottom of tikz picture in adjacent cell

Having the player face themselves after the mid-game

Sort array by month and year

Issue with units for a rocket nozzle throat area problem

Short SF story. Females use stingers to implant eggs in yearfathers

Did Amazon pay $0 in taxes last year?

What does *dead* mean in *What do you mean, dead?*?

Is there a logarithm base for which the logarithm becomes an identity function?

How to write a chaotic neutral protagonist and prevent my readers from thinking they are evil?

Insult for someone who "doesn't know anything"

Is it appropriate to ask a former professor to order a library book for me through ILL?

Should I apply for my boss's promotion?

Ultrafilters as a double dual

What is the purpose of a disclaimer like "this is not legal advice"?

How does learning spells work when leveling a multiclass character?

Can the Witch Sight warlock invocation see through the Mirror Image spell?

An Undercover Army

Short story about cities being connected by a conveyor belt

Is the differential, dp, exact or not?



CSS circle with annotations [on hold]



2019 Community Moderator ElectionSet cellpadding and cellspacing in CSS?How do I give text or an image a transparent background using CSS?Storing Objects in HTML5 localStorageChange an HTML5 input's placeholder color with CSSHow can I transition height: 0; to height: auto; using CSS?Can I hide the HTML5 number input’s spin box?How do I make a placeholder for a 'select' box?How do CSS triangles work?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?










-3















enter image description here



Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.










share|improve this question









New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











put on hold as too broad by Pete, Vogel612, James Coyle, phuzi, Richard 2 days ago


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.













  • 2





    Provide your work or your try of doing this thing.

    – Arjun
    2 days ago











  • Welcome to SO. Please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site

    – Pete
    2 days ago
















-3















enter image description here



Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.










share|improve this question









New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











put on hold as too broad by Pete, Vogel612, James Coyle, phuzi, Richard 2 days ago


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.













  • 2





    Provide your work or your try of doing this thing.

    – Arjun
    2 days ago











  • Welcome to SO. Please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site

    – Pete
    2 days ago














-3












-3








-3


1






enter image description here



Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.










share|improve this question









New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












enter image description here



Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.







html html5 css3






share|improve this question









New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited 2 days ago









Error 1004

2,3431416




2,3431416






New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 2 days ago









ElmakosElmakos

91




91




New contributor




Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Elmakos is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




put on hold as too broad by Pete, Vogel612, James Coyle, phuzi, Richard 2 days ago


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.









put on hold as too broad by Pete, Vogel612, James Coyle, phuzi, Richard 2 days ago


Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.









  • 2





    Provide your work or your try of doing this thing.

    – Arjun
    2 days ago











  • Welcome to SO. Please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site

    – Pete
    2 days ago













  • 2





    Provide your work or your try of doing this thing.

    – Arjun
    2 days ago











  • Welcome to SO. Please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site

    – Pete
    2 days ago








2




2





Provide your work or your try of doing this thing.

– Arjun
2 days ago





Provide your work or your try of doing this thing.

– Arjun
2 days ago













Welcome to SO. Please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site

– Pete
2 days ago






Welcome to SO. Please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site

– Pete
2 days ago













1 Answer
1






active

oldest

votes


















0














i cant give you exact but you can refer this.



 <!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type="text/css">
#circle1

background-color: #F00;
height:150px;
width:150px;
margin:10px;
border-radius: 50%;
text-align: center;

vertical-align: middle;
line-height: 150px



#hrzn
width: 30%;
margin-top: 50px;

#hrzn1
width: 30%;
padding-top: 80px;
clear: both;



#hrzn2
width: 30%;
padding-top: 50px;
float: right;



body #hrzn3
width: 30%;
padding-top: 80px;
float: right;


</style>
<body>
<div id="hrzn">
<hr>
</div>

<div id="hrzn1">
<hr>
</div>
<center>

<div id="circle1">
<label>Text1</label>
</div>
</center>

<div id="hrzn2">
<hr>
</div>

<div id="hrzn3">
<hr>
</div>

</body>
</html>





share|improve this answer





























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    i cant give you exact but you can refer this.



     <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <style type="text/css">
    #circle1

    background-color: #F00;
    height:150px;
    width:150px;
    margin:10px;
    border-radius: 50%;
    text-align: center;

    vertical-align: middle;
    line-height: 150px



    #hrzn
    width: 30%;
    margin-top: 50px;

    #hrzn1
    width: 30%;
    padding-top: 80px;
    clear: both;



    #hrzn2
    width: 30%;
    padding-top: 50px;
    float: right;



    body #hrzn3
    width: 30%;
    padding-top: 80px;
    float: right;


    </style>
    <body>
    <div id="hrzn">
    <hr>
    </div>

    <div id="hrzn1">
    <hr>
    </div>
    <center>

    <div id="circle1">
    <label>Text1</label>
    </div>
    </center>

    <div id="hrzn2">
    <hr>
    </div>

    <div id="hrzn3">
    <hr>
    </div>

    </body>
    </html>





    share|improve this answer



























      0














      i cant give you exact but you can refer this.



       <!DOCTYPE html>
      <html>
      <head>
      <title></title>
      </head>
      <style type="text/css">
      #circle1

      background-color: #F00;
      height:150px;
      width:150px;
      margin:10px;
      border-radius: 50%;
      text-align: center;

      vertical-align: middle;
      line-height: 150px



      #hrzn
      width: 30%;
      margin-top: 50px;

      #hrzn1
      width: 30%;
      padding-top: 80px;
      clear: both;



      #hrzn2
      width: 30%;
      padding-top: 50px;
      float: right;



      body #hrzn3
      width: 30%;
      padding-top: 80px;
      float: right;


      </style>
      <body>
      <div id="hrzn">
      <hr>
      </div>

      <div id="hrzn1">
      <hr>
      </div>
      <center>

      <div id="circle1">
      <label>Text1</label>
      </div>
      </center>

      <div id="hrzn2">
      <hr>
      </div>

      <div id="hrzn3">
      <hr>
      </div>

      </body>
      </html>





      share|improve this answer

























        0












        0








        0







        i cant give you exact but you can refer this.



         <!DOCTYPE html>
        <html>
        <head>
        <title></title>
        </head>
        <style type="text/css">
        #circle1

        background-color: #F00;
        height:150px;
        width:150px;
        margin:10px;
        border-radius: 50%;
        text-align: center;

        vertical-align: middle;
        line-height: 150px



        #hrzn
        width: 30%;
        margin-top: 50px;

        #hrzn1
        width: 30%;
        padding-top: 80px;
        clear: both;



        #hrzn2
        width: 30%;
        padding-top: 50px;
        float: right;



        body #hrzn3
        width: 30%;
        padding-top: 80px;
        float: right;


        </style>
        <body>
        <div id="hrzn">
        <hr>
        </div>

        <div id="hrzn1">
        <hr>
        </div>
        <center>

        <div id="circle1">
        <label>Text1</label>
        </div>
        </center>

        <div id="hrzn2">
        <hr>
        </div>

        <div id="hrzn3">
        <hr>
        </div>

        </body>
        </html>





        share|improve this answer













        i cant give you exact but you can refer this.



         <!DOCTYPE html>
        <html>
        <head>
        <title></title>
        </head>
        <style type="text/css">
        #circle1

        background-color: #F00;
        height:150px;
        width:150px;
        margin:10px;
        border-radius: 50%;
        text-align: center;

        vertical-align: middle;
        line-height: 150px



        #hrzn
        width: 30%;
        margin-top: 50px;

        #hrzn1
        width: 30%;
        padding-top: 80px;
        clear: both;



        #hrzn2
        width: 30%;
        padding-top: 50px;
        float: right;



        body #hrzn3
        width: 30%;
        padding-top: 80px;
        float: right;


        </style>
        <body>
        <div id="hrzn">
        <hr>
        </div>

        <div id="hrzn1">
        <hr>
        </div>
        <center>

        <div id="circle1">
        <label>Text1</label>
        </div>
        </center>

        <div id="hrzn2">
        <hr>
        </div>

        <div id="hrzn3">
        <hr>
        </div>

        </body>
        </html>






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered 2 days ago









        shubhamshubham

        307




        307















            Popular posts from this blog

            1928 у кіно

            Захаров Федір Захарович

            Ель Греко