---
title: "Marginal för li/ul?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/103843-marginal-för-li-ul"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jesper T"
published: "2004-05-18T11:10:05.000Z"
updated: "2004-05-18T11:22:04.000Z"
replies: 1
views: 381
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/103843-marginal-för-li-ul"
---

# Marginal för li/ul?

## #1 — Jesper T, 2004-05-18T11:10Z

Om man går in på <https://www.testsidan.se> och tittar på bulletlistan till vänster (gula rutor med grå pil i), så får stycket en mycket större marginal i mozilla än i IE och Opera. 
Hur skulle man kunna undvika detta?

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

## #2 — jarvklo, 2004-05-18T11:22Z

Orsak: 
Olika defaultvärden...
Du har helt enkelt inte satt padding-left till noll på \<ul\> ;)

Här är en kokboksmetod som funkar:
Börja med att ta bort alla marginaler och paddings för både \<ul\> och \<li\> (då hamnar dina bullets utanför din vänstermarginal) och sätt sedan margin-left enbart på \<li\> tills det ser bra ut ;)  

Exempel:

```
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
ul, li {padding:0; margin:0;}
li {margin-left:15px}
-->
</style>
</head>

<body>
<ul>
  <li>Ett</li>
  <li>Två</li>
  <li>Tre</li>
</ul>
</body>
</html>
```

/red: Ändrade lite och lade till ett exempel efter att ha testat ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/103843-marginal-för-li-ul
