html - 如何将图片移动到网页的右下角

Question

我有一个小网页。我的要求是将图像作为链接，并且该图像应放置在我网页的右下角。我试过但宽度属性不起作用。

input.right-corner {
  width: 10px;
  height: 20px;
  position:fixed;
  right:0px;
  bottom:0px;

} 

<div class="corner">
  <input type="image" src="images/Happiest_Minds_New_Logo.jpg" class="right-corner"> 
 </div>

标签： htmlcss

Answer 1

最简单的方法是添加：

text-align: left;

这应该是您的代码：

input.right-corner {
  width: 10px;
  height: 20px;
  position:fixed;
  right:0px;
  bottom:0px;
 text-align: left;
} 
<div class="corner">
  <input type="image" src="images/Happiest_Minds_New_Logo.jpg" class="right-corner"> 
 </div>