Circles with Text in CSS
Quick Tips in Web Development
When designing presentations and websites, I often like to use circles with text contained inside. To achieve this with some basic CSS, we just have to do something like the following.
border: 10px solid #000;
color: #000; width: 50vw;
font: 8.5vw Arial, sans-serif;
And then something as easy the following in your webpage:
<div class="circle">Subscribe Now</div>
Try it out! The result should be something similar to the below. Then just play around with the width / height / font size and customise the colors too to your website’s color palette. Enjoy!