在blockquote中定位可点击的图像

时间:2014-12-26 03:59:52

标签: html image tags blockquote

我想将一个可点击的图像集中在一个块引导中;实际上有2个区块报价;我把报价分成两部分,看看是否效果更好。我无法获得图像以响应样式更改。我在此处提供的代码中使用了div标签,但也没有使用div标签,只是更改了图像属性以调整左边距,但这也没有用。我做错了什么吗?我想要做的就是将图像向右移动,使其位于引用文本的下方和上方。

<blockquote><p><i>&quot;Society attacks early, when the individual is helpless. It enslaves him almost before he has tasted freedom."</i></p></blockquote>
<br>

<div
style="
  top: 99;
  left: 199;
  position: absolute;
  z-index: 1;
  visibility: show;">
<a href="images/society-attacks-early.png" title="Click For Larger View..." imageanchor="1" target="_blank" ><img src="images/society-attacks-early.png" alt="society-children" width="350" height="150" id="society-children"/></a>
</div>
<blockquote><p><i>&quot;...Considering how long society has been at it, you'd expect a better job. But the campaigns have been badly planned and the victory has never been secured.”</i><br><a href="https://rads.stackoverflow.com/amzn/click/com/0872207781" rel="nofollow noreferrer" title="Purchase Walden Two from Amazon.com" onclick="window.open(this.href,'newwin'); return false;">B. F. Skinner</a></p></blockquote>
<br>

1 个答案:

答案 0 :(得分:1)

您可以将text-align:center用于包含图片的div。我刚刚创建了一个Fiddle作为示例。