How to put a text coming after a div inside the div?

Asked Dec 03 '20 at 11:47

Active Dec 03 '20 at 11:54

Viewed 27 times

I have the following circle and header.

I want the h4 to be centered inside the animating-circle div. I cannot put inside because I will rotate the circle, and I do not want the text to rotate.

I have the following CSS. Currently, all circles are stacked into each other. I want them to have their own spacing. Thanks!

.animating-circle {
  position: absolute;
  min-width: 250px;
  min-height: 250px;
  box-sizing: border-box;
  border: 1px solid black;
  border-radius: 50%;
  border-top-color: #f1c40f;
  border-right-color: skyblue;
  border-bottom-color: violet;
  border-left-color: lightgray;
}

.animating-circle+h4 {
  position: relative;
  top: 120px;
}

<div class='animating-circle'></div>
<h4>Title is here</h4>

edited Dec 03 '20 at 11:54

Daniel_Knights

7,940
4
21
49

asked Dec 03 '20 at 11:47

cantoraman

2

I do not see circle on running your code please share reproduceable example – Shubham Srivastava Dec 03 '20 at 11:51
1

It was using `className` instead of `class`, I've edited to make the snippet work – Daniel_Knights Dec 03 '20 at 11:57
Are you just looking to center the text? You say all circles are stacked but I only see one circle – Daniel_Knights Dec 03 '20 at 11:58

How to put a text coming after a div inside the div?

0 Answers0