---
title: "Ändra indrag"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/105368-ändra-indrag"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ejick"
published: "2004-06-09T23:22:20.000Z"
updated: "2004-06-11T10:15:16.000Z"
replies: 7
views: 373
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/105368-ändra-indrag"
---

# Ändra indrag

## #1 — ejick, 2004-06-09T23:22Z

Hej,

jag skall publicera en numrerad lista på en sida och skulle vilja minska defaultindraget som denna ger. Någon som har ett bra tips på hur man gör en lista som skall få plats i en 190 px bred kolumn och då kanske ha ett indrag på 10-20px?

```
<ol>
  <li>Blanda färsen med kryddorna och den mosade potatisen. Rör ner mjölken och låt färsen svälla ett par minuter.</li>
  <li>Bryn den strimlade vitkålen i lite matfett</li>
  <li>Varva sedan kål och färs i en smord ugnssäker form, första och sista lagret skall vara kål!</li>
  <li>Grädda kålpuddingen i ugnen, ca 30-40 minuter, i 175 grader. Späd eventuellt med lite buljong om puddingen blir torr.</li>
</ol>
```

Delar av recieptet på kålpudding ;)

Permalänk: https://www.webforum.nu/p/105368

## #2 — icaaq, 2004-06-10T05:19Z

Ett bra tips [Alistapart](http://www.alistapart.com/articles/taminglists/)

mv icaaq

Permalänk: https://www.webforum.nu/p/1366768

## #3 — Tinwëlint, 2004-06-10T16:10Z

Det här borde ge ungefär det resultatet.

css:

```
ol.recept {
width: 190px;
}

ol.recept li {
margin-left: 15px;
padding-left: 0px;
}
```

html

```
<ol class="recept">
<li>Första</li>
<li>Andra</li>
<li>Tredje</li>
</ol>
```

Permalänk: https://www.webforum.nu/p/1367074

## #4 — ejick, 2004-06-10T22:07Z

Nja.. ungefär så.. Men orginalförskjutningen är den samma. Jag vill minska indraget gentemot vanlig text med ca 10-20px.

Permalänk: https://www.webforum.nu/p/1367254

## #5 — Tinwëlint, 2004-06-10T23:04Z

Ja men då behöver du bara ändra själva listans indrag. Såhär:

```
ol.recept {
margin-left: 0px;
}

kan också vara

ol.recept  {
margin-left: 0px;
}

prova båda så
```

Permalänk: https://www.webforum.nu/p/1367277

## #6 — ejick, 2004-06-10T23:42Z

Jag gjorde liknande vilket funkade bra.. Förutom att det inte är siffror i listan utan punkter. Något tips?

Permalänk: https://www.webforum.nu/p/1367304

## #7 — icaaq, 2004-06-11T05:39Z

Byt ut ol mot ul både i css och html

mv icaaq

Permalänk: https://www.webforum.nu/p/1367340

## #8 — Tinwëlint, 2004-06-11T10:15Z

> Byt ut ol mot ul både i css och html

Eller tvärtom för jag antar att du ville ha en Ordered List (ol, numrerad) istället för en Unordered list (ul, punkter).
Men blev det punkter när du använde ol?
Det borde det inte bli men prova i såna fall att sätta:

```
ol {
list-style-type: decimal;
}
```

Permalänk: https://www.webforum.nu/p/1367452

---

Tråden på webben: https://www.webforum.nu/amne/html-css/105368-ändra-indrag