Βρήκα αυτό το παράδειγμα στο stackoverflow:
https://stackoverflow.com/questions/6936972/draw-circle-using-css-alone
Το οποίο είναι υπέροχο. Αλλά θα ήθελα να ξέρω πώς να τροποποιήσω αυτό το παράδειγμα έτσι ώστε να μπορώ να συμπεριλάβω κείμενο στη μέση του κύκλου;
Βρήκα επίσης αυτό: https://stackoverflow.com/questions/4801181/vertically-and-horizontally-centering-text-in-circle-in-css-like-iphone-notific
αλλά για κάποιο λόγο, δεν δουλεύει για μένα. Όταν δημιουργώ τον ακόλουθο δοκιμαστικό κώδικα:
<div class="badge">1</div>
αντί για κύκλο, λαμβάνω ένα οβάλ σχήμα. Προσπαθώ να παίξω με τον κώδικα για να δω πώς μπορώ να τον κάνω να λειτουργήσει.
Νομίζω ότι θέλετε να γράψετε το κείμενο σε ένα οβάλ ή κύκλο; Γιατί όχι αυτό;