如何将图像右对齐，将h1和p标记对齐到左侧 [英] How do I align image to right and h1 and p tags to left

问题描述

我正在尝试使用内联块属性帮助我的图像出现在右侧，但不知道为什么单词出现在图像上。我想在一个整体块中请参考图像左侧h1和p标签以及右侧图像。我尽可能多地解释了我的问题。如果可能的话请通过我的小提琴链接。我已经试过这个属性。所以请查看我的代码链接和图像什么引用我在试用它在评论框中给出。请帮我谢谢。 :)



我尝试过：



请查看来自的链接评论框：）

i'm trying to do with the help of inline block property my image appearing on the right but but don't know why words present over image. i want in one whole block please refer image left side h1 and p tag and on right side image. i have explained my problem as much as i can. if it is possible then please go through my fiddle link. i have tried by this properties.so please check out my code link and image what to refer what i have tried it is given in the comment box. please help me thanks. :)

What I have tried:

please check link from comment box :)

推荐答案

您还没有给出CSS声明：

1. bsec1和bsec2 div的相应宽度。

2. bsec2 div的宽度和高度，否则背景图像没有意义。或者，您可能希望在bsec2中使用img插入具有适当图像宽度和高度的图像。

You have not given the CSS declaration for:
1. The respective widths of the bsec1 and bsec2 div's.
2. The width and height of bsec2 div else the background image has not meaning. Alternatively, you may want to insert image using img in the bsec2 with the appropriate width and height for the image.

基于当前布局，您可能需要在两者上添加宽度DIV。以下是使用div和图像+文本的示例



图像环绕文本 [ ^ ]



例如：

围绕图像教程包装文字 [< a href =http://allwebco-templates.com/support/S_textwrap.htmtarget =_ blanktitle =New Window> ^ ]

Base on the current layout, you might have to add a width on both the div. Here is an example using divs and images + text

Image wrap around text[^]

example:
Wrap text around an image tutorial[^]

这篇关于如何将图像右对齐，将h1和p标记对齐到左侧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！