如何用HTML5和CSS3设置空白与换行

空白可以使用HTML中的空格字符` `，也可以使用CSS中的`margin`和`padding`属性来设置元素与元素之间的空白。

换行可以使用HTML中的`<br>`标签，也可以使用CSS中的`display`属性来设置元素的显示方式为`block`或`inline-block`，从而使其自动换行。

以下是一些示例代码：

设置空白：

使用`&nbsp;`字符：

<p>This&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;is&nbsp;&nbsp;&nbsp;&nbsp;some&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text.</p>

使用`margin`和`padding`属性：

<p style="margin: 10px; padding: 5px;">This is some text.</p>

设置换行：

使用`<br>`标签：

<p>This is some text.<br>Here is a new line.</p>

使用CSS的`display`属性：

<p style="display: block; width: 50%;">This is some text that will automatically wrap to the next line if it reaches the end of the container.</p>