有很多种方法，可以计算外层DIV的高度，为包含文字和图片的标签分别设置左右对齐，然后给相应的margin上边距。还可以对最外层的DIV设置相对定位，再对里面的文字与图片设置绝对定位。
成都创新互联主营于洪网站建设的网络公司,主营网站建设方案,重庆App定制开发,于洪h5微信小程序搭建,于洪网站营销推广欢迎于洪等地区企业咨询
水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为。
方法太多，列举几个吧 两个元素均设置float：left 或right 通过调整元素的left或right实现 两个元素均设置diaplay：block，因元素为默认左对齐，且均设为块级元素后，都将独占一行。
1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：img{float：left；}。
2、前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
3、首先先进行文本框的插入，在word文档编辑界面上，单击上方工具栏中的“插入”按钮，包括文本框，所有的插入选项都在这里。在“插入”选项的下拉工具栏中，选择如图所示“文本框”图标单击。
4、background-image：url(您的图片位置) div这里添加logo （用css控制就可以了）/div div这里可以添加文字了！如果需要的话可以吧文字放在一个容器里，并用css控制它的位置。
5、你好，将图片和文字分别放在两个diy中给两个div分别设置样式float：left 希望能够帮到您，感谢您的采纳。
6、以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img{float：left；}。浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。
对于这种现象，方法有3种： 通过添加css的“vertical-align：middle；”； 如果图片是背景图片，可以在css中设置背景图片，然后设置文字的padding属性； 把文字和图片分别放入不同的div中。
在CSS中，我们可以使用各种方法和技术来使对齐项目，例可以水平和垂直对齐项目。下面本篇文章就来给大家介绍一些使用CSS对齐项目的方法，希望对大家有所帮助。margin ： auto ；此属性用于将块元素水平对齐到中心。
文本的位置在网页布局中是必不可少的，今天的这篇文章就来给大家分享关于使用CSS实现文本左对齐、右对齐和居中对齐的方法，下面我们来看具体的内容。
1、刚好css3有了object-fit属性下面来说一下各个属性值object-fit： cover；这个属性值在移动端是用得最多的一个。
2、CSS使网页背景图片居中的三种方法。第一种：用像素设定，很多都用这种，但是也是最麻烦的： 第二种：用50%设定，很方便。
3、首先先在页面里加载一张图片，代码和效果如下图所示： 然后设置给图片起一个class名，方便一会儿的操作。 然后给图片设置css样式，因为方便的原因就直接在html页面写css样式了。
4、css图片水平居中。利用margin： 0 auto实现图片居中，就是在图片上加上css样式margin： 0 auto 如下：设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。
5、第一步，打开前端开发工具，然后创建一个新的html代码页，见下图，转到下面的步骤。