How can CSS be utilized to replace HTML elements like <center> and <b> for better styling?

To replace HTML elements like <center> and <b> for better styling, CSS can be utilized to apply styling properties directly to the elements without the need for deprecated HTML tags. This can be achieved by using CSS properties such as text-align:center; for centering text and font-weight:bold; for bolding text. ```html <!DOCTYPE html> <html> <head> <style> .centered-text { text-align: center; } .bold-text { font-weight: bold; } </style> </head> <body> <p class="centered-text">This text is centered using CSS</p> <p class="bold-text">This text is bolded using CSS</p> </body> </html> ```