---
title: "Hur gör jag det här i html/css?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/135307-hur-gör-jag-det-här-i-html-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jessica_s76"
published: "2005-10-05T10:25:42.000Z"
updated: "2005-10-20T17:59:27.000Z"
replies: 6
views: 423
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/135307-hur-gör-jag-det-här-i-html-css"
---

# Hur gör jag det här i html/css?

## #1 — Jessica_s76, 2005-10-05T10:25Z

Ja hur gör man det här bäst/snyggast/enklast
Bifogar en bild :)

Bilagor:

- [textgif.gif](https://www.webforum.nu/a/8000.gif)

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

## #2 — zcorpan, 2005-10-05T11:09Z

```
<h2>Rubrik</h2>
<p>Text text text text text text text text text text text text text text text </p>
<h2>Rubrik</h2>
<p>Text text text text text text text text text text text text text text text </p>
<h2>Rubrik</h2>
<p>Text text text text text text text text text text text text text text text </p>
<h2>Rubrik</h2>
<p>Text text text text text text text text text text text text text text text </p>
```

```
h2 { float:left; clear:left; color:red; background:transparent; text-transform:uppercase; font-size:100%; }
p { margin-left:10em; }
```

Nåt sånt? :)

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

## #3 — Jessica_s76, 2005-10-05T19:13Z

Ja tack, nästan... den första rubriken hamnar ovanför den första texten :P
Annars blev det ett önskvärt resultat.

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

## #4 — zcorpan, 2005-10-05T20:36Z

Du kan justera 'margin-left' på P. :)

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

## #5 — Jessica_s76, 2005-10-20T15:01Z

Jag får inte till det, den hamnar ovanför hur jag än gör...

Finns det något annat sätt att göra det här på?

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

## #6 — zcorpan, 2005-10-20T17:11Z

Lägg till margin:0; på H2. :)

Jag ser nu att det blir en "[3px jog](http://www.positioniseverything.net/explorer/threepxtest.html)" i IE, vilket löses genom att sätta hasLayout på P. Så:

```
h2 { [b]margin:0;[/b] float:left; clear:left; color:red; background:transparent; text-transform:uppercase; font-size:100%; }
p { [b]zoom:1;[/b] margin-left:10em; }
```

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

## #7 — Troxy, 2005-10-20T17:59Z

Vad har du tänkt att ha för innehåll sedan? Kanske skulle det passa med en definitonslista?

<http://www.webforum.nu/showthread.php?t=130778>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/135307-hur-gör-jag-det-här-i-html-css