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?
Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.
html html5 css3
New contributor
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.
add a comment |
Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.
html html5 css3
New contributor
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
add a comment |
Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.
html html5 css3
New contributor
Look at this. I'd like to reproduce the same thing with css. It is a circle with arrowed annotations.
html html5 css3
html html5 css3
New contributor
New contributor
edited 2 days ago
Error 1004
2,3431416
2,3431416
New contributor
asked 2 days ago
ElmakosElmakos
91
91
New contributor
New contributor
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
add a comment |
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
add a comment |
1 Answer
1
active
oldest
votes
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>
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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>
add a comment |
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>
add a comment |
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>
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>
answered 2 days ago
shubhamshubham
307
307
add a comment |
add a comment |
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