---
title: "Vänster och höger justering på samma rad"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/108325-vänster-och-höger-justering-på-samma-rad"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "KoTTeN"
published: "2004-08-01T16:38:03.000Z"
updated: "2004-08-02T19:13:51.000Z"
replies: 7
views: 350
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/108325-vänster-och-höger-justering-på-samma-rad"
---

# Vänster och höger justering på samma rad

## #1 — KoTTeN, 2004-08-01T16:38Z

Hej! Undrar om man på ett enkelt sätt kan ha ett stycke text vänsterjusterat och ytterligare text högerjusterat på samma rad, utan att blanda in tabeller. 

Exempelvis: 

```
Text <div align="right">text </div>.
```

 Fast denna kod ger ett entersteg emellan de olika justeringarna.

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

## #2 — erre, 2004-08-01T17:04Z

Se underrubriken "Splitting the Difference":
<http://www.alistapart.com/articles/practicalcss/>

Om det inte var exakt vad du ville ha, kan man ju trösta sig med att det i övrigt är en mycket bra sida. :bire

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

## #3 — Melea, 2004-08-01T17:55Z

En annan lösning kan ju vara att sätta margin: 0px; och padding: 0px; i CSS på div:en.

Ex.

```
<style type="text/css">

div {
	margin: 0px;
	padding: 0px;
}

</style>

Text <div style="text-align: right;">text</div>
```

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

## #4 — jarvklo, 2004-08-01T18:40Z

Hmm..

Ledsen om jag låter negativ Melea, men att döda marginalerna och paddingen tar väl inte bort  radbrytningen före och efter en div (dvs "entersteget") - den högerställda texten kommer alltid att hamna på raden under i ditt exempel eftersom \<div\> är ett block... ;)

Möjligen kan man fnula med "negativ margin-top:" ungefär såhär

```
<!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>
	<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
	<title>Ett litet Test</title>
<style type="text/css">
<!--
div {margin:0;padding:0;line-height:1.3em;}
-->
</style>
  </head>
<body>
<div>Detta är en text<div style="text-align:right;margin-top:-1.3em">Så sant</div></div>
<div>faderuttan!</div>
</body>
</html>
```

men lösninen i ALA-artikeln är IMHO snyggare ;)

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

## #5 — Tinwëlint, 2004-08-01T18:40Z

Kanske floata ett span till höger?

```
<p>
Vänster <span float="right">höger</float>
```

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

## #6 — jarvklo, 2004-08-01T18:43Z

Hmm...

Tinwëlint... det är precis vad som står här:

> **erre skrev:**
>
> Se underrubriken "Splitting the Difference":
> <http://www.alistapart.com/articles/practicalcss/>

:bire

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

## #7 — KoTTeN, 2004-08-02T10:26Z

Tack för alla svar!

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

## #8 — Tinwëlint, 2004-08-02T19:13Z

Hi hi vad roligt. Jag hade inte ens läst den artikeln.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/108325-vänster-och-höger-justering-på-samma-rad
