html – 在图像旁边的块中浮动的文本

概述我想实现以下安置： 两个不同的文本(块)浮动/内联在图像旁边。 (div内的所有内容)。 我一直在尝试使用不同的显示设置(封锁文本等)，但仍然无法正常工作。   HTML： <div class="res"><img src="<?php echo 'img/'.$row["sType"].'.png';?>"/><span>TITLEe</span><span>Description</s 我想实现以下安置：

两个不同的文本(块)浮动/内联在图像旁边。 (div内的所有内容)。

我一直在尝试使用不同的显示设置(封锁文本等)，但仍然无法正常工作。

HTML：

<div ><img src="<?PHP echo 'img/'.$row["sType"].'.png';?>"/><span>Titlee</span><span>Description</span></div>

CSS：

.res {    height:60px;    background-color:yellow;    border-bottom:1px solID black;    text-align:left;}.res img {    margin-top:8.5px;    margin-left:5px;    display:inline}.res span {    display:block;}

解决方法 HTML：

<div >    <img src="http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/48/Google.png"/ alt="" >    <h3>Title</h3>    <p>Some Description</p></div>​

CSS：

.content {    wIDth: 400px;    border: 4px solID red;    padding: 20px;    overflow: hIDden;}.content img {    margin-right: 15px;    float: left;}

总结

以上是内存溢出为你收集整理的html – 在图像旁边的块中浮动的文本全部内容，希望文章能够帮你解决html – 在图像旁边的块中浮动的文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。