Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> .circle { background-color: lightcoral; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; /* Create a circle */ border-radius: 50%; } .pill { background-color: lightblue; width: 250px; padding: 15px; margin-top: 20px; text-align: center; /* Large fixed radius creates a pill shape regardless of width */ border-radius: 500px; } </style> </head> <body> <div class="circle">Circle</div> <div class="pill">Pill Shape</div> </body> </html>
