What are the differences between HTML and CSS in terms of layout and design?

HTML is used to structure the content of a webpage, such as headings, paragraphs, images, and links. CSS, on the other hand, is used to style the layout and design of the content, such as colors, fonts, spacing, and positioning. While HTML determines the structure of the content, CSS controls how that content is presented visually on the webpage. ```html <!DOCTYPE html> <html> <head> <title>HTML and CSS Example</title> <style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: #333; text-align: center; } p { color: #666; line-height: 1.5; } </style> </head> <body> <h1>Welcome to our website</h1> <p>This is an example of how HTML and CSS work together to create a visually appealing webpage.</p> </body> </html> ```