将图像和文本并排放置

杂耍鲍勃

我已经浏览了有关该问题的本网站上的一些帖子,但是在使用解决方案时似乎遇到了问题。

这是我的HTML:

<div align="left"><div id="imgleft"><img src="tradecurrencymain.png" /></div></div>
<p>There's two different trade types: a market order and a limit order.</p>
<p>A market order allows a trade to be excuted immediately using the current trading ratio; 16 tokens equals 1 coin and 1 coin equals 15 tokens. A limit order gives you more cotrol; you can choose how much coins/tokens you will receive. For example, you may want to trade 100 tokens for 95 coins - someone has to accept the trade though.</p>

这是我的CSS:

#imgleft {
 margin-right: 30px;
 margin-left: 30px;

如果有人能够解释如何直接彼此直接获得图像和文本,将不胜感激。

伊布雷克

链接到JSFIDDLE

我将所有内容都包裹在包装器(wrapper)中,然后imgleft向左浮动' '。这是代码:

的HTML

<div class="imgWrap" align="left">
<div id="imgleft">
    <img src="https://t2.ftcdn.net/jpg/00/31/93/43/400_F_31934352_QzlwTKN58UqGWtVEaSBvgOPqvfYxrIb7.jpg" />
</div>
<p>There's two different trade types: a market order and a limit order.</p>
<p>A market order allows a trade to be excuted immediately using the current trading ratio; 16 tokens equals 1 coin and 1 coin equals 15 tokens. A limit order gives you more cotrol; you can choose how much coins/tokens you will receive. For example, you may want to trade 100 tokens for 95 coins - someone has to accept the trade though.</p>

的CSS

#imgleft {
float: left;
margin-right: 30px;
margin-left: 30px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章