Help me please)

Question

At one point I decided to make a circle on my website and write text in it. But the text went beyond the circle. How to fix it?

Answer 1

It seems like you want to set the text to the center of the circle.
Just add below code to the `#circle`:-

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

Answer 2

Set z-index:0; to the circle and z-index:1; to the text element in css.

Answer 3

div#circle {
background: lightblue;
border: solid 1px;
border-radius: 100%;
width: 100px;
height: 100px;
display:grid;
place-items:center;
}
p{
margin:auto;
text-align:center;
}

Answer 4

Ok, I'll try.

Answer 5

How can I write this into the rules?

Answer 6

This does not work(

Answer 7

show us your code

Answer 8

https://sololearn.com/compiler-playground/WG2zrK40kj5c/?ref=app

Answer 9

Here's the code. I decided to make a visual circle this way. Nothing but a circle and text

Answer 10

It helped, thanks!

Answer 11

By the way, if you write a lot of text, it starts to come out. OK. Here you can fix it yourself

Answer 12

It's not that hard to make. I have created my whole jacket website from Stretch. I am sharing the website you can visit it and if you any help let me know. Visit: https://themoviesjackets.com/category/marlboro-jacket/