img右对齐不工作html_Html_Image_Alignment

img右对齐不工作html

html image

img右对齐不工作html,html,image,alignment,Html,Image,Alignment,我有一个img的基本对齐代码，我想放在页面的右上角： <a href= "main.html"> <img align="right" position: relative; SRC="../img/vasi.jpg" width="100" height="100" ></a> 它一直运行良好，但在这里，它也与其他代码一起运行： <html> <head> <style> .newspape

我有一个img的基本对齐代码，我想放在页面的右上角：

<a href= "main.html">
<img align="right"  
      position: relative; SRC="../img/vasi.jpg" width="100" height="100" ></a>

它一直运行良好，但在这里，它也与其他代码一起运行：

<html>
<head>
<style> 
.newspaper {
-webkit-columns: 100px 4; /* Chrome, Safari, Opera */
-moz-columns:100px 4; /* Firefox */
columns: 100px 4;
margin-left: 100px;
margin-top: 100px;
}

</style>
<STYLE>
</STYLE>
</head>
<body>
<a href= "main.html">
<img align="right"  
      position: relative; SRC="../img/vasi.jpg" width="100" height="100" ></a>
<div class="newspaper">


.报纸{
-webkit专栏：100px 4；/*Chrome、Safari、Opera*/
-moz列：100px 4；/*Firefox*/
色谱柱：100px4；
左边距：100px；
边缘顶部：100px；
}

希望有人理解和感谢

您应该开始阅读更多关于html元素及其属性的内容。在获得有关它的一般信息后，使用css进行样式设置。你要的东西可以在下面找到。我建议使用引导框架来创建带有冒号的布局，而不是您想要使用的代码

。报纸{
-webkit专栏：100px 4；/*Chrome、Safari、Opera*/
-moz列：100px 4；/*Firefox*/
色谱柱：100px4；
左边距：100px；
边缘顶部：100px；
}



第1段


另一段2

Bro只需将您的

放在

中，并为其提供如下样式：

<div style="float:right;">
<img....................... >
</div>

就是这样

您可以为前端代码添加一个。谢谢您的回答：）我是自学成才的，所以有时候我真的很困惑！感谢您提供有关专栏的提示；）@GMM我能理解，我也自学成才，但有了经验，事情就变得容易了。祝你好运：D