---
title: "Vänster- och högerjustering, CSS!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/123735-vänster-och-högerjustering-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "HenrikAI"
published: "2005-03-04T14:11:37.000Z"
updated: "2005-03-04T15:27:44.000Z"
replies: 5
views: 382
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/123735-vänster-och-högerjustering-css"
---

# Vänster- och högerjustering, CSS!

## #1 — HenrikAI, 2005-03-04T14:11Z

Hur ersätter jag detta med CSS?

\<table width="100%"\>\<tr\>\<td align="left"\>Till vänster\</td\>\<td align="right"\>Till höger\</td\>\</tr\>\</table\>

Tycker det här är logiskt, men det fungerar ej!

\<p style="width: 100%"\>\<span style="text-align: left"\>Till vänster\</span\>\<span style="text-align: right"\> Till höger\</span\>\</p\>

Vet att jag sett en fungerande lösning någonstans, dock osäker på var..

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

## #2 — Nipon, 2005-03-04T14:21Z

Så här kanske:

```
<table width="100%">
<tr>
<td style="text-align: left">Till vänster</td>
<td style="text-align: right">Till höger</td>
</tr></table>
```

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

## #3 — HenrikAI, 2005-03-04T14:23Z

Ja just det, men jag vill inte använda \<table\> alls. (Skulle jag kanske sagt från början!)

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

## #4 — Web-Tor, 2005-03-04T14:50Z

```
<div style="width:100%;border:1px solid #555;">
 <div style="float:left;background:#F00;">Vänter</div>
 <div style="float:right;background:#0F0;">Höger</div>
</div>
```

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

## #5 — Nipon, 2005-03-04T15:05Z

Så här kan man göra då...

```

STILMALL:

.container { width: 100%; }
.left { width: 49%; float: left; }
.right { width: 49%; float: right; }

KOD:

<div class="container">
<div class="left"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p></div>
<div class="right"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p></div>
</div>
```

**Red:** 

Sen kan man lägga till lite align i divvarna... 

.container { width: 100%; }
.left { width: 49%; float: left; text-align: left; }
.right { width: 49%; float: right; text-align: right; }

eller kanske

.container { width: 100%; }
.left { width: 49%; float: left; text-align: justify; }
.right { width: 49%; float: right; text-align: justify; }

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

## #6 — HenrikAI, 2005-03-04T15:27Z

Tusen tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/123735-vänster-och-högerjustering-css