asp输出图文混排的新闻标题

1-10是输出的新闻标题，请问asp在这种格式下如何输出这种效果的新闻条目？

（如图）

请高手不吝赐教

看了这个截图，我就知道美工很垃圾，对页面结构一点都不了解。这种排列方式一点都不合理。。。并且实现起来比较复杂，无疑增加了后期维护的成本。

建议1-6条那里就放这么多数据，7-10条用大一号的文字放其他新闻。这两部分应该是两块内容，而不是一块内容

输入的文字是用表格 至于那个图片好象是用层加上去的把

用编辑器可以吧

图文混排! 我想，你会想到这个。这里，准备给你介绍10个在文章的排版中会用到的CSS基础，当然，包括图文混排，是怎样做到的。准备好了吗? 那我们开始：

你知道的，从小学，老师就教我们，段落的开头应该空两格。而你使用word的时候，也有首行缩进这个功能，但在html中你的空格键好像起不了作用了。当然，你可以用 来代替一个空格，但这不是理想的方式，用CSS吧，简单，有效：

<p >你的内容</p>

这样的话，这个有段落就会显示两个字符的缩进了。缩进更多? 修改2em, 2表示2个字符，你可以相应增加或者减少。下面是一个示例，来自李白的诗：

紫阁连终南，青冥天倪色。凭崖望咸阳，宫阙罗北极。万井惊画出，九衢如弦直。渭水银河清，横天流不息。朝野盛文物，衣冠何翕赩。厩马散连山，军容威绝域。伊皋运元化，卫霍输筋力。歌钟乐未休，荣去老还逼。圆光过满缺，太阳移中昃。不散东海金，何争西飞匿。无作牛山悲，恻怆泪沾臆。

在word中，我们可以用环绕来让文字显示在图片周围，而CSS，中，我们可以用float，来让文字在没有清理浮动的时候，显示在图片以外的空白处。如下所示：

君不见黄河之水天上来，奔流到海不复回。 君不见高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金尊空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 …

在下面的代码中，把float设置成left，图片会显示在左边，而right则显示在右边，而margin-right是为了不让文字和图片贴在一起需要写的，如果你设置的是float:right;刚相应应该是把 margin-right改成margin-left：

<img src="图片地址" />

先来看一个示例，如果你有需要引用的内容，而主题中又没有设置，或者希望自己定制一下背景颜色，那么你可能会选择下面这样的显示方式：

床前明月光，疑是地上霜； 举头望明月，低头思故乡； 春天不洗澡，处处蚊子咬； 拿出敌敌畏，蚊子哪里跑。

代码如下，如果你不知道颜色是如何定义的，你可以看看web216安全，换上相用的颜色代号就可以了，比如#faf7e8表示上面的浅黄色：

<p >

如上例，只要在代码中加入text-align:center，就可以让文章在容器的宽度内水平居中。OH，容易哦?!

边框我们会用到border，添加一个边框，只要加上1px代码边框的大小，而dotted是边框的样式，常用的样式用三个:solid(实边) dashed(虚线) dotted(点状虚线). 就像上面实例的边框中，我使用的是dotted边。