@ou-imdt/css/docs/native/var.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# var (Variable)

The var tag represents the name of a variable in a mathematical expression or a programming context.

The var tag is commonly used alongside kbd, code and samp tags.

## Example

<div class="card">
  <p>The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where <var>l</var> represents the
    length, <var>w</var> the width and <var>h</var> the height of the box.</p>
  <p>A simple equation: <var>x</var> = <var>y</var> + 2 </p>
</div>

<details class="compact">
  <summary>HTML</summary>

```html
  <p>The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where <var>l</var> represents the
    length, <var>w</var> the width and <var>h</var> the height of the box.</p>
  <p>A simple equation: <var>x</var> = <var>y</var> + 2 </p>
```

</details>