To create a list that displays its items with squares, you need to use CSS. Specifically, you can use the list-style-type property to specify the style of the bullet point or marker for each item in the list.

Now, let's go through each option and explain why it is right or wrong:

A. type: square: This option is incorrect because the CSS property for specifying the list style is list-style-type, not type. Additionally, the value for a square marker is square, so the correct syntax would be list-style-type: square.

B. list-style-type: square: This option is correct. By using the list-style-type property and setting its value to square, you can create a list that displays its items with square markers.

C. list-type: square: This option is incorrect because there is no CSS property called list-type. The correct property to use is list-style-type.

D. style-list: square: This option is incorrect because there is no CSS property called style-list. The correct property to use is list-style-type.

The Answer is: B