html – 同一行的两个div块

前端之家收集整理的这篇文章主要介绍了html – 同一行的两个div块前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何集中在同一个“线”两个div区块?

第一个div:

<div id=bloc1><?PHP echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>

第二div:

<div id=bloc2><img src="..."></div>

解决方法

CSS:
#block_container
{
    text-align:center;
}
#bloc1,#bloc2
{
    display:inline;
}

HTML

<div id="block_container">

    <div id="bloc1"><?PHP echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>  
    <div id="bloc2"><img src="..."></div>

</div>

此外,您不应将原始内容放入< div>中,使用适当的标签,例如< p>或< span>。

编辑:这是一个jsFiddle demo

原文链接:https://www.f2er.com/html/232750.html

猜你在找的HTML相关文章