> For the complete documentation index, see [llms.txt](https://lauradang.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lauradang.gitbook.io/notes/web/htmlcss.md).

# HTMLCSS

## Carousel

If you have multiple pictures, consider a [carousel](https://www.w3schools.com/bootstrap/bootstrap_carousel.asp).

## In-line Elements

If you want multiple HTML elements to be in the same line, do this:

**CSS File:**

```css
.block {
  display: inline-block;
}
```

**HTML File:**

```html
<p id="typing" class="block"></p>
<span id="cursor">|</span>
```

## Font Awesome

Really easy to use, get the embed URL from the website and copy and paste the HTML codes. Sometimes the code doesn't work. Try `fa`, `fas`, or `fab`.

## Emojis

```html
<p>I will display &#129409;</p>
<p>I will display &#x1F981;</p>
```

Search the emoji on google with HTML to get the respective hexadecimal code.

## Open link in new tab

```html
<a href="https://github.com/lauradang" target="_blank">
```

## Space in HTML

```html
&nbsp;
```