How can I put text in the middle of circle!?

Answer 1

There are tricks for that, if you want a fixed dimension circle that's easy, if you want a responsive adaptive circle you need to do this:

<input disabled value="text goes here">

input{
height: 15vmin;/*look viewports online*/
width: 15vmin;
text-align: center;
background: blue; /*so you can see it*/
color: white;
border-radius:50%;
border: 0;
}

And there you have it 😌

P.S. sorry if my English is not really good, that's not my native language

Answer 2

make a div off square give it border radius of 50 or 100 px and set text-align to center

Answer 3

But it only a single line of text which may not be complete can be written on it and only placed at the center only...... Pls help me out I want to write text in all angles of the circle.

Answer 4

Thanks you guys are great 👍

Answer 5

using text align:center

Answer 6

yes, you can by using the HTML code

Answer 7

text-align:centre

Answer 8

use text-align:center and padding