Learning CSS (Video 27)

The video tutorial covers how HTML elements interact with their bounding areas, focusing on block and inline elements. It explains how to manipulate these elements using CSS to change their default properties, including display options like inline block and list items. The tutorial also demonstrates how to use the float command to manage image and text layout effectively.

What is the default behavior of a paragraph element in HTML?

• It breaks the line by default.

• It floats to the left.

• It stays inline with other elements.

• It changes the color of the text.

Which of the following is a block element in HTML?

• div

• a

• span

• b

What happens when you set the display property of an inline element to block?

• It becomes invisible.

• It floats to the right.

• It breaks the line and respects height and width.

• It stays inline but changes color.

How does an inline-block element differ from a block element?

• It changes the text color.

• It breaks the line like a block element.

• It remains inline but respects height and width.

• It does not respect height and width.

What is the purpose of the float property in CSS?

• To control how text wraps around elements.

• To make elements invisible.

• To change the text color.

• To increase font size.

What happens when you set an image's display property to block?

• The image becomes invisible.

• The text wraps around the image.

• The image takes its own line, pushing text away.

• The image floats to the left.

How can you make text wrap around an image using CSS?

• By increasing the image's font size.

• By changing the image's color.

• By using the float property.

• By setting the image's display to inline.