HTML中将图片横排排列的代码怎么写？
1、新建html文档。；
2、书写hmtl代码。 <!-- 横向排列 --> ， <div id="nav">，<div id="box1">1</div>，<div id="box2">2</div>，<div id="box3">3</div>，</div>。；
3、初始化css代码。<style>*{margin:0;padding:0;font-size:12px;font-family:'Microsoft YaHei'}， </style>。；
4、书写总体的css代码。；
5、代码整体结构。；
6、查看效果。
怎样让一个div里的多个div横向排列？
1、新建html文档，在body标签中添加一个div标签，然后在这个div标签中添加一些div标签：
2、为外div标签和内div标签添加一些样式，由于div元素是块级元素，所以内div会在外div中垂直排列：
3、为内div添加“display:inline-block;”样式，这时内div就会变成行级块元素，这样内div就会在div中横向排列了：
html网页导航条的设置？
1、导航条的设置效果
2、通过列表制作<ul></ul>
3、导航条的DIV样式设置
4、important实现对不同的浏览器设值，列表项样式
5、但这样看起来还是没有任何效果，只是显示文本一样。为此，我们就需要在<li></li>标签中嵌套<a> 超链接标签，超链接标签<a> 中，必须设置 href 属性才会变成一个超链接。href的属性值就是目标地址，#代表了链接到当前网页。
6、做完这些以后，就可以看到一个横向可点击的列表，去掉圆点以后，更像是一个简单的导航，但仍然需要利用其余的css样式进行设置，如果想要更好的学习，那就有必要去学习一下css
横向文字怎么上下居中？
1. 设置行高：在CSS样式中，设置元素的行高等于元素的高度，就可以让文字在元素中上下居中。 例如： ``` div { height: 50px; line-height: 50px; text-align: center; } ```
2. 使用flex布局：将父元素设置为flex容器，使用align-items属性设置为center，就可以让子元素在父元素中上下居中。 例如： ``` div { display: flex; align-items: center; justify-content: center; } ```
3. 使用vertical-align属性：对于行内元素，可以使用vertical-align属性将文字垂直居中。 例如： ``` span { display: inline-block; vertical-align: middle; } ```