How to placed the circle left of the h1 tag and write 18 inside the circle?

Question

https://code.sololearn.com/WA9A18A7a3a1

Answer 1

For text,

Add 18 between the div tags for circle . Then use the following properties to center it(if you want to).

display:flex;
align-items:center;
justify-content:center;

________________________
For circle left of h1 tag i need to know if circle tag should be left of h1 tag and should be outside of it as well ? Can one put circle tag inside h1 tag ?

Answer 2

This can be made ie as here:

https://code.sololearn.com/Wj5bQSvv7705/?ref=app

Answer 3

First, you have an error while copying, there is a closing tag in the 10th line </u>

Well, move the <div> above h1 and write #circle{
float: left;
display: flex;
align-items: center;
justify-content: center;
}