How to add text inside?

To add text inside the div with the class circle, you can simply place the text between the opening and closing div tags. Here's how you can do it:

<div class="circle">Hello, World!</div>

If you want to center the text within the circle, you can add some CSS styles like this:

.circle {
    width: 100px;
    height: 100px;
    background-color: blue;
    border-radius: 50%;
    display: flex;          /* Use flexbox for centering */
    align-items: center;    /* Center vertically */
    justify-content: center; /* Center horizontally */
    color: white;           /* Text color */
}

This will ensure that the text "Hello, World!" is centered both vertically and horizontally within the circle.

0 Comments

no data
Be the first to share your comment!