html怎么设置方框形状

上周 我尝试过网页设计。
使用 HTML 和 CSS。

首先在body中放置一个div标签。
在里面添加一些p代码。
在 p 标记中写入文本。

用 CSS 设置。
增加 p 标签的宽度和高度。
添加轮廓样式。
保存文件。
在浏览器中查看。
你可以看到盒子。

我想把它做成圆形框架。
添加边框半径属性。
例如边界半径：5 0%。
方形框架变成圆形。

文本居中。
添加文本对齐：居中； 文字位于中间。

我想水平排列它。
使用浮动属性。
添加浮动：左；到 p 标签； 或浮动：右； 文字是水平的。

就这么简单。
制作不同的形状。
文本框变得灵活。
网页设计更具创意。
别打扰。

怎么把竖排文字变横排

这就是要点，不要使用中心浮动，使用弹性布局更容易。

2 01 9 年，我帮助一个客户修复了1 000多行代码的浮动布局问题，直接切换到flex布局，效率提升了8 0%。

HTML中，用“writing-mode: tb-rl”将文字改成竖排后，如何在竖排文字间插入横排字符，就是这种效果：

有几种垂直排列文本的方法：
1 写法：IE可以，Firefox、Google不行，不推荐。
2 . CSS模拟：设置小宽度、自动换行、垂直布局效果。
3 、换行标签：在每个单词后面添加
，实现垂直布局。

由您决定哪一个适合您的需求。