Question

In html5, how can i align the <figcaption> tag to the top rather than at the bottom without using css.
Here are the snippets,

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock"
  width="304" height="228" />
  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>

Is there any semantic way like <figcaption align='top'> ?

Answer 1

Simply put the <figcaption> as the first child of the <figure> (example):

<figure>
  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228" />
</figure>

If you want the <figcaption> element as the last child, but shown above the image, then this is presentational and should be done with CSS.

---

Contexts in which this element can be used:
As the first or last child of a figure element.

Content attributes:
Global attributes

Source