Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <title>Responsive Images</title> <style>body { padding: 20px; font-family: Arial; } img { max-width: 100%; height: auto; border-radius: 8px; }</style> </head> <body> <h2>Responsive Image</h2> <img src="https://picsum.photos/800/400" alt="Random landscape photo"> <p>Resize the window — the image stays within bounds.</p> </body> </html>
Result
Open