HTML5是一種強大的網頁設計語言，它為您提供了許多不同的排列方式，使您能夠輕松地控制網頁上的元素位置和布局。以下是一些常用的HTML5排列方式和設置方法。

/* 設置div元素的位置和大小 */
div{
position:absolute;
top:50px;
left:50px;
width:200px;
height:200px;
}

以上代碼將創建一個寬200像素，高200像素的div元素，并將其定位在屏幕左上角。您可以通過修改top和left屬性值，將其移動到屏幕的其他位置。

/* 水平居中 */
div{
position:relative;
margin:auto;
width:200px;
height:200px;
background-color:red;
}

此代碼將使div元素在網頁上水平居中。margin:auto;的作用是將div元素水平居中。如果您想讓它在垂直方向上居中，您只需將其上下margin設置為auto。

/* 多列布局 */
ul{
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}

此代碼將使ul元素在網頁上按兩列布局。columns屬性可以控制列表或其他元素在多列中顯示的方式。請注意，在某些瀏覽器中，此屬性可能需要添加前綴。

以上是一些常用的HTML5排列方式和設置方法。如有需要，請繼續了解更多HTML5功能和屬性。