### Install kiso.css with npm or yarn

Source: https://github.com/tak-dcxi/kiso.css/blob/main/README.md

Use npm or yarn to add kiso.css to your project dependencies.

```bash
npm install kiso.css
# or
yarn add kiso.css
```

--------------------------------

### Pre-formatted Text Example

Source: https://github.com/tak-dcxi/kiso.css/blob/main/test.html

Shows how to use the `<pre>` tag to display pre-formatted text, preserving whitespace and line breaks. This is ideal for code blocks or ASCII art.

```html
P R E F O R M A T T E D T E X T
  ! " # $ % & ' ( ) * + , - . /
  0 1 2 3 4 5 6 7 8 9 : ; < = > ?
  @ A B C D E F G H I J K L M N O
  P Q R S T U V W X Y Z [ \ ] ^ _
  ` a b c d e f g h i j k l m n o
  p q r s t u v w x y z { | } ~ 
```

--------------------------------

### Inline Code Example

Source: https://github.com/tak-dcxi/kiso.css/blob/main/test.html

Demonstrates how to use the `<code>` tag for inline code snippets. This is useful for displaying short pieces of code within a paragraph.

```html
Inline code: 
&lt;code&gt;&lt;div&gt;code&lt;/div&gt;&lt;/code&gt;
```

--------------------------------

### HTML Comment Example

Source: https://github.com/tak-dcxi/kiso.css/blob/main/test.html

Illustrates the use of HTML comments, which are not displayed by the browser. Comments can span multiple lines and tags.

```html
There is comment here:

There is a comment spanning multiple tags and lines below here.

            

```

--------------------------------

### Image within Figure Element

Source: https://github.com/tak-dcxi/kiso.css/blob/main/test.html

Embeds an image within a `<figure>` element, which is semantically useful for self-contained content like images, diagrams, or code. This example does not include a `<figcaption>`.

```html
![Image alt text](//placekitten.com/420/420)
```

--------------------------------

### Include kiso.css via CDN

Source: https://github.com/tak-dcxi/kiso.css/blob/main/README.md

Link to the kiso.css stylesheet directly in your HTML using a CDN.

```html
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/kiso.css@latest/kiso.css"
/>
```

--------------------------------

### Import kiso.css in your main CSS file

Source: https://github.com/tak-dcxi/kiso.css/blob/main/README.md

Import the kiso.css reset into your primary CSS file before your custom styles.

```css
@import "kiso.css";

/* Your styles here */
```

--------------------------------

### Override kiso.css styles with zero specificity

Source: https://github.com/tak-dcxi/kiso.css/blob/main/README.md

Demonstrates how to easily override kiso.css styles using simple element selectors due to its zero specificity.

```css
/* This will easily override kiso.css without any specificity issues */
a {
  color: red;
}
```

--------------------------------

### Image without Figure Element

Source: https://github.com/tak-dcxi/kiso.css/blob/main/test.html

Displays an image using the `<img>` tag without wrapping it in a `<figure>` element. This is a basic way to embed images.

```html
![Image alt text](//placekitten.com/480/480)
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.