html中的图像对齐问题

我正在使用html创建一个小页面，它有一个页眉和一个正文。标题位于蓝色背景的标记内

我面临的问题是，我希望显示在标题右端的图像（android.png）似乎被放置在标题下方。如何将图像放置在标题的右侧

我不想使用CSS对齐图像。

单击运行代码段以查看当前页面布局

我想这正是你想要的。标题中的文本div填充了宽度的其余部分，将第二个图像推到下一行：



某物

嘿

我在度假。我回来后会回复的

从gmail发送

我想这正是你想要的。标题中的文本div填充了宽度的其余部分，将第二个图像推到下一行：



某物

嘿

我在度假。我回来后会回复的

从gmail发送


学习使用
。让生活更轻松，有更多的时间和朋友一起喝咖啡

将图像向右浮动

但是，由于默认情况下，
H3
是块元素，因此它会向左浮动（以删除宽度）

不应包含在
中，因为段落是
块
级元素，
i
是
内联的

    <style>
        .float-left{ float:left;}
        .float-right{float:right;}

        #header{
            width:400px;
            height:60px;
            border:1px solid blue;
            background-color:#2196F3;
        }
        #header img{
            height:50px;
        }
        #header h3{
            font-size:20px;
            color:white;
        }
        #content{
            width:400px;
            height:400px;
            border:1px solid blue;
        }
    </style>

但是，您需要使用H3的
行高
和图像的
垂直对齐
等。

学习使用
。让生活更轻松，有更多的时间和朋友一起喝咖啡

将图像向右浮动

但是，由于默认情况下，
H3
是块元素，因此它会向左浮动（以删除宽度）

不应包含在
中，因为段落是
块
级元素，
i
是
内联的

    <style>
        .float-left{ float:left;}
        .float-right{float:right;}

        #header{
            width:400px;
            height:60px;
            border:1px solid blue;
            background-color:#2196F3;
        }
        #header img{
            height:50px;
        }
        #header h3{
            font-size:20px;
            color:white;
        }
        #content{
            width:400px;
            height:400px;
            border:1px solid blue;
        }
    </style>

但是你还需要玩H3的
线高
和图像的
垂直对齐
等等。
我通过切换代码中的位置来修复这个问题（它仍然需要一些刷牙，但可以工作），其中
带有“某物”和混乱的图像

而不是

<div text-align="left" style="font-size:20px;color:white;"<h3>Something</h3></div>

<img align="right" width=150px height=50px src="http://www.sona-systems.com/img/android.png">


我通过切换代码中
与“某物”之间的位置以及混乱图像的位置，修复了这个问题（它仍然需要一些清理，但它可以工作）

而不是

<div text-align="left" style="font-size:20px;color:white;"<h3>Something</h3></div>

<img align="right" width=150px height=50px src="http://www.sona-systems.com/img/android.png">


因为您希望避免使用CSS，所以我假设这是用于输出到HTML缺陷电子邮件客户端（如Outlook）

在HTML中，只需将第二个图像移动到第一个图像之前，就可以在图像上不使用CSS



因为您希望避免使用CSS，所以我假设这是用于输出到HTML缺陷电子邮件客户端（如Outlook）

在HTML中，只需将第二个图像移动到第一个图像之前，就可以在图像上不使用CSS



不是主要的问题，而是：你有两个结束
“
而不是单个
”
不是主要的问题，而是：你有两个结束
“
而不是单个
”
如果他要创建一封HTML电子邮件，那么他首先应该使用表，如果他要创建一封HTML电子邮件，那么他首先应该使用TABLE，以及正确的标题和maaaa，以及任何其他正确的东西。
<img align="right" width="150px" height="50px" src="http://www.sona-systems.com/img/android.png"> <!--added in quotes for the width and height-->

<div text-align="left" style="font-size:20px;color:white;"<h3>Something</h3></div>