实现两个div在同一行显示有多种方法，可以用设置浮动——用float，还可以用绝对定位position，等等。这里只简单介绍使用浮动实现方法。方法一： 方法二： 方法三： 这三种方法均可实现div同行显示。
目前创新互联已为1000+的企业提供了网站建设、域名、网页空间、网站托管、企业网站设计、长葛网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
分别给和这两个div一个宽度，再分别让他们左浮动就能实现字符串与input输入框在一行，如以下代码。 zifu{ width：100px；float：left；} shurukuang{ width：200px；float：left；} 当然要美观的话，还需要再做一些css修饰。
ul {margin：0px； padding：0px； float：left； } 这样就可以让input和ul显示在一行了。但这样出现的问题是，紧跟着的内容也会跑到一行去，所以这里的ul后面再加一个div用来清除浮动。
可以通过浮动来设置，让不同行的两行一个左浮动，一个右浮动，这样，它们就显示在一行了。还有一种方法是所有元素都左浮动，然后指定宽度，让宽度正好是两列的值，那么到两行的时候，它会自动折行。
需要把clear：both去掉才行。因为clear是清除浮动的，这样float：left就不好用了。
img{vertical-align：middle；}如果这个不行的话，可以给vertical-align加具体的值，正负值都试试。
你上传的图片看不清楚呀，建议发个高清的截图呢。这里面是内容因为文字是用P标签写的 是块级元素，所以他自己单独占一行。
background-image：url(您的图片位置) 这里添加logo （用css控制就可以了） 这里可以添加文字了！如果需要的话可以吧文字放在一个容器里，并用css控制它的位置。
img是内联元素，p标签是块级元素，所以p标签内的文字换行很正常。strong标签是内联元素，所以会跟img处于同一行，想要img跟strong中的文字垂直居中对齐，需要设置img的vertical-align为middle。
你好，将图片和文字分别放在两个diy中给两个div分别设置样式float：left 希望能够帮到您，感谢您的采纳。
1、主要就是把“浮动与宽度写上” 还要在外面写一个大的div 宽度是他们三个图片的总和就行了。
2、但有可能一种这样的情况出现的，你的图片如果超出容器的宽度，就会自动切换到下一行，这个时候要么你直接给装载所有图片的容器一个固定宽度，要么就通过js计算所有图片的总宽来决定包含图片的容器的总宽。
3、每3个就在后面加上，注意是两个br这样就换行了。用css来实现，控制.goods的宽度。一般为33%，不知道你的.goods类是怎么写的，如果有margin的话就要比33%小一点。
1、你让图片当层的背景，设置好层宽度，禁止平铺（可以根据需求做横向或者纵向平铺）然后给层加一个padding 属性，设置top left right bottom 四个属性。
2、那就用定位来做啊，然后用z-index来做他们的层级关系。父级用relative，img标签用absolute。
3、style=background-image：url(您的图片位置) div这里添加logo （用css控制就可以了）/div div这里可以添加文字了！如果需要的话可以吧文字放在一个容器里，并用css控制它的位置。
1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：span {position： absolute； top： 45px； left： 180px；}。
2、前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
3、总结：对于单行图片文字垂直居中（有图片的情况下）当没有高度行高时，我们只要简单的对内联元素应用vertical-align：middle；就可以了。此外对于一个图片和文字的高度相差无几的，不用这个样式也是可以的。
4、CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。拓展：1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。从HTML被发明开始，样式就以各种形式存在。
使用css调整它们的边距，或者使用定位来调整，至于绝对定位还是相对定位要看你的设计要求，视具体情况而定。
img是内联元素，p标签是块级元素，所以p标签内的文字换行很正常。strong标签是内联元素，所以会跟img处于同一行，想要img跟strong中的文字垂直居中对齐，需要设置img的vertical-align为middle。
本来就是越靠后的元素其层级越高啊，这是正常现象。当未进行绝对定位的，所有图片都在同一层面，所以没有问题，进行绝对定位后，所有图片都变为漂浮层，这样后面的图片肯定就会覆盖前面的图片了。
是因为在同一行有一个大图片，把文字跟“撑”下去了。要让图片元素和p元素同时垂直居中才可以。帮你做了一个案例。
body{ background-image：url(jpg)；background-attachment：scorll；background-repeat：no-repeat；background-position：top left；} 可以看到背景图片出现的位置在浏览器的左上角，这个和默认的设置是一样的。
css图片水平居中。利用margin： 0 auto实现图片居中，就是在图片上加上css样式margin： 0 auto 如下：设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。
