Html 将图像和文本向右和向下对齐

我试图右对齐图像和文本的权利和底部，但我不能找出它

请看地图

。右下角{
显示：内联块；
浮动：对；
}

实时演示文稿

我建议添加一个容器元素，并将其设置为

文本对齐：右

。然后将文本和图像设置为

display:inline block

，这样它们将并排显示在右侧并与底部对齐，因为默认的

vertical align

值是

baseline

，如果需要，您还可以将其更改为

bottom

.container{
文本对齐：右；/*或浮动：右*/
}
.容器h2{
显示：内联块；
保证金：0；
}

示例文本

不清楚是什么？如果您正在查看视口的右下方（可见区域）

<div class="wrapper">
  <img src="http://www.objectpark.net/contentimages/MenuCalendarIconESmaller.gif" alt="live presentations" align="right" width="80" height="75">
<h2 class="right-bottom">LIVE PRESENTATIONS</h2>
</div>

.wrapper {
  position:absolute;
  bottom:1%;
  right:1%;
}
.wrapper h2 {
  display: inline-block;
}