Question

我有一个像这样的html文件。我在picture1中获得了这样的输出。但是我需要在picture2中输出这样的输出。主要文本应该与图像平行

<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en-US\" xml:lang=\"en-US\">
<head>
<title>MigraineMate Paint Graph</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />
<link href=\"default.css\" rel=\"stylesheet\" type=\"text/css\"/>
</head>
<body>
<img  src=\"Justin.png\" alt=\"justin Biber\"/>
<div id=\"notification\">
<h1>Please Wait  Graph may take a moment to load</h1>

</div>
</body>
</html>

和css文件是

#notification 
{
    width: 860px;
    height: 730px;
    margin: auto;
    background-color: transparent;
}

#notification h1 
{
    padding-top: 15px;
    padding-left:0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:20px;
}

Answer 1

你可以从左边浮动海狸开始：

<img src="..." alt="..." style="float:left; text-align:left;" />

以下是一些quick notes。

Answer 2

您需要向图像添加{float: left;}以允许文本环绕它。记得之后使用<div style="clear: both;"></div>

之类的内容清除浮动

图像和文本显示不起作用

2 个答案: