Help me please) | Sololearn: Learn to code for FREE!
+ 1

Help me please)

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?

12th Jun 2024, 8:09 AM
Wolf Cub
Wolf Cub - avatar
12 Respostas
+ 3
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;
12th Jun 2024, 11:03 AM
Gulshan Mahawar
Gulshan Mahawar - avatar
+ 3
Set z-index:0; to the circle and z-index:1; to the text element in css.
12th Jun 2024, 8:37 AM
Gulshan Mahawar
Gulshan Mahawar - avatar
+ 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; }
12th Jun 2024, 11:07 AM
Bob_Li
Bob_Li - avatar
0
Ok, I'll try.
12th Jun 2024, 8:44 AM
Wolf Cub
Wolf Cub - avatar
0
How can I write this into the rules?
12th Jun 2024, 8:48 AM
Wolf Cub
Wolf Cub - avatar
0
This does not work(
12th Jun 2024, 8:50 AM
Wolf Cub
Wolf Cub - avatar
0
show us your code
12th Jun 2024, 9:02 AM
Bob_Li
Bob_Li - avatar
0
Here's the code. I decided to make a visual circle this way. Nothing but a circle and text
12th Jun 2024, 10:57 AM
Wolf Cub
Wolf Cub - avatar
0
It helped, thanks!
12th Jun 2024, 11:06 AM
Wolf Cub
Wolf Cub - avatar
0
By the way, if you write a lot of text, it starts to come out. OK. Here you can fix it yourself
13th Jun 2024, 4:40 AM
Wolf Cub
Wolf Cub - avatar
0
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/
14th Jun 2024, 7:55 AM
max441