如何将图像放在居中的图像右侧-Howtoplaceanimageattherightofacenteredone

0  

Try this:

尝试这个：

0  

If I understood your question you want the minor box being aligned at after the big box and to the right? And don't want to "expand" the major box width. If is this your question, here's your solution:

如果我理解你的问题，你想让小盒子在大盒子之后和右边对齐吗？而且不想“扩大”主要的盒子宽度。如果这是你的问题，这是你的解决方案：

1- Treat your #body3 as a wrapper to avoid your div quit the desired position.

1-将您的＃body3视为包装，以避免您的div退出所需的位置。

2- Align your elements with margin: 0 auto; or text-align:center;

2-将元素与边距对齐：0 auto;或文本对齐：中心;

CSS

CSS

 img:nth-of-type(1){
        margin:0 auto;
        background:red;

    }
     img:nth-of-type(2){
        float:right;
    }

    #body3{
       margin:0 auto;
       width:600px;
    }

HTML

HTML

Both images are floated left. If you want the first image to be centered, you can add margin-left to the inline style attribute. The value of the margin-left would depend on the width of the div#body3

两个图像都向左浮动。如果希望第一个图像居中，可以在内联样式属性中添加margin-left。 margin-left的值取决于div＃body3的宽度