figure position in the right-top

[kongdd]

I want to insert a small picture in the right-top (the red rect in the following figure) of my slice.
Anyone can teach me how to make it?

[yhatt]

There are several ways. If you want a one-shot placing of the image, defining simple image style in your slide like following, to put an image with absolute positioning.

<style>
img[alt~="top-right"] {
  position: absolute;
  top: 30px;
  right: 30px;
}
</style>

# Your slide

![top-right](https://marp.app/assets/marp.svg)

top and right CSS declarations are meaning position of the image from edge. You can tweak 30px if necessary.

Warning This example is abusing alt attribute of <img> element, for making easy to target style to the image via Markdown syntax ![top-right](). If your slide output must consider users who using screen reader, recommend to avoid element narrowing by abused alt attribute selector. Instead, you can narrow the target based on the index number of images within the slide, powered by scoped style and :nth-of-type(n) CSS selector: <style scoped>img:nth-of-type(1) { ... }</style>

If you want to put the same image across multiple pages, just like a header image, #200 (comment) might be helpful.

[kongdd]

Awesome. Thank you very much.
Marp saves me lots of time in making PPT. All of my course are maded by marp now, https://github.com/CUG-hydro/class2022_CUG_HydroMet