---
title: "<li> element som förskjuts.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184756-li-element-som-förskjuts"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MickeA.com"
published: "2010-09-30T10:20:58.000Z"
updated: "2010-09-30T10:48:20.000Z"
replies: 2
views: 434
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/184756-li-element-som-förskjuts"
---

# <li> element som förskjuts..

## #1 — MickeA.com, 2010-09-30T10:20Z

Hej!

Håller på med strukturen för en ny sajt och har ett problem. Mina \<li\> element förskjuts enl. den bifogade bilden.

Koden:

```
<body>
<div id="container">
    <div class="imgStart">
        <ul>
        <li>Read more about the fishing for the arctic gold of the sea</li>
        <li>Read more more recipies</li>
        </ul>

        <div class="footer clearfix">
            <p class="note">...</p>
            <p class="icon">...</p>
        </div>
    </div>
</div>
</body>
```

..och stilmallen:

```
div.imgStart {
    position:            relative;
    width:                960px;
    height:                450px;
    background:            url(../images/pix.gif) repeat #000 0px 0px;
}

div.imgStart ul {
    position:            absolute;
    bottom:                75px;
    left:                20px;
}

div.imgStart ul li {
    line-height:        1.5em;
}

div.imgStart div.footer {
    width:                928px;
    margin:                0px 5px;
    position:            absolute;
    bottom:                5px;
    left:                0px;
}

div.footer {
    padding:            5px 10px 0px 10px;
    background-color:    #000;
    border:                1px #a7a9ac solid;
}
```

Den lila boxen representerar en bakgrundbild som kommer senare. Vad är fel? Går det här att lösa på något smidigare sätt?

Tack!

Bilagor:

- [dfps1.JPG](https://www.webforum.nu/a/22069.jpg)

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

## #2 — MickeA.com, 2010-09-30T10:45Z

Suck... Upptäckte att \<li\> ärvde *text-align: center;* från min body-tag. Angav *text-align: left;* på *ul li* och det funkar.

Hur kommer det sig att bara det ena centrerades?

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

## #3 — voigtann1, 2010-09-30T10:48Z

kör ingen margin på dina li och kanske t o m ul. list-style none med om du inte vill ha punkterna

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184756-li-element-som-förskjuts
