Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS background-position property</title> <style> p { background-image: url("/examples/images/smiley.png"); background-position: 50% center; background-repeat: no-repeat; } </style> </head> <body> <p> The background image is positioned at the center of the paragraph. The background image is positioned at the center of the paragraph. The background image is positioned at the center of the paragraph. The background image is positioned at the center of the paragraph. The background image is positioned at the center of the paragraph. </p> </body> </html>
