Για να κεντράρετε κείμενο χρησιμοποιώντας HTML, μπορείτε να χρησιμοποιήσετε το ετικέτα ή να χρησιμοποιήσετε μια ιδιότητα CSS. Για να συνεχίσετε, επιλέξτε την επιλογή που προτιμάτε και ακολουθήστε τις οδηγίες.

• Χρησιμοποιώντας τις ετικέτες.
• Χρησιμοποιώντας ιδιότητα φύλλου στυλ.

Ένας τρόπος για να κεντράρετε το κείμενο είναι να το περικλείσετε μέσα σε ετικέτες. Το ακόλουθο πλαίσιο έχει ένα παράδειγμα.

 Κέντρο αυτό το κείμενο! 

Η εισαγωγή αυτού του κειμένου σε κώδικα HTML θα αποφέρει το ακόλουθο αποτέλεσμα:

Κέντρο αυτό το κείμενο!

Σημείωση: Το η ετικέτα θεωρείται πλέον απόρριψη. Παρόλο που ενδέχεται να εξακολουθήσει να λειτουργεί, αναμένεται να καταργηθεί για τη χρήση του CSS. Συνιστούμε να χρησιμοποιήσετε τη μέθοδο φύλλου στυλ (που φαίνεται παρακάτω) για να κεντράρετε κείμενο σε HTML.

Χρησιμοποιώντας ιδιότητα φύλλου στυλ

Μπορείτε να κεντράρετε το κείμενο με το CSS καθορίζοντας την ιδιότητα ευθυγράμμισης κειμένου του στοιχείου που θα κεντραριστεί.

Κεντράρισμα μερικών τεμαχίων κειμένου

Εάν έχετε μόνο ένα ή μερικά μπλοκ κειμένου, πρέπει να το κεντράρετε, μπορείτε να το κάνετε προσθέτοντας το χαρακτηριστικό στυλ στην ετικέτα ανοίγματος του στοιχείου και επιλέγοντας την ιδιότητα "text-align". Στο παρακάτω παράδειγμα, προσθέσαμε τους στο

ετικέτα:

Κέντρο αυτό το κείμενο!

Παρατηρήστε ότι η τιμή της ιδιότητας "text-align" έχει οριστεί στο "center" που υποδηλώνει ότι το στοιχείο πρόκειται να επικεντρωθεί.

Πολλαπλά τεμάχια κειμένου

Αν έχετε πολλά τετράγωνα κειμένου που θέλετε να επικεντρωθείτε, μπορείτε να χρησιμοποιήσετε τις ετικέτες CSS μέσα στο τμήμα κεφαλής της σελίδας ή σε ένα εξωτερικό φύλλο στυλ. Δείτε τον παρακάτω κώδικα παραδείγματος για τον τρόπο ρύθμισης του συνόλου του κειμένου μέσα στο

ετικέτες που πρέπει να επικεντρωθούν.

 p {κείμενο-ευθυγράμμιση: κέντρο} 

Το κείμενο θα επικεντρωθεί σε κάθε σύνολο ετικετών στη σελίδα. Εάν θα θέλατε κάποιες παραγράφους στο κέντρο, ενώ άλλες δεν είναι, μπορείτε να δημιουργήσετε μια κλάση στυλ όπως φαίνεται στον παρακάτω κώδικα.

 .center {text-align: center} 

Αν δημιουργείτε μια κεντρική τάξη, όπως φαίνεται στο παραπάνω παράδειγμα, μια παράγραφος μπορεί να κεντραριστεί χρησιμοποιώντας τον παρακάτω κώδικα, ο οποίος "καλεί" την κεντρική τάξη:

Κέντρο αυτό το κείμενο!

Συμβουλή: Μόλις δημιουργηθεί μια κλάση, μπορεί να εφαρμοστεί σε οποιαδήποτε ετικέτα HTML. Για παράδειγμα, εάν θέλετε να επικεντρωθεί η επικεφαλίδα, μπορείτε να προσθέσετε class = "center" στο

ή άλλη ετικέτα τίτλου.