---
title: "Text + bild i <div> = kacka"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/65989-text-bild-i-div-kacka"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jesper T"
published: "2003-01-24T09:39:01.000Z"
updated: "2003-01-24T10:19:55.000Z"
replies: 2
views: 214
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/65989-text-bild-i-div-kacka"
---

# Text + bild i <div> = kacka

## #1 — Jesper T, 2003-01-24T09:39Z

Jag skulle vilja ha texten till vänster och bilden till höger. Men hur jag än gör så blir det två "rader" om jag högerställer bilden eller så hamnar den som på bifogad bild.
Hjäälp!

```
<style>
.divarea{
width:70px;
height:10px;
padding-left:2px;
background:#eef;}
</style>
<div id="sub2" class="divarea">Kalle<a href="#" onClick="sw('sub0')"><img src="downarrow.gif" border="0"></a></div>
```

Bilagor:

- [fel.gif](https://www.webforum.nu/a/971.gif)

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

## #2 — higa, 2003-01-24T09:59Z

Testa detta (funkar för mig i IE6)

```
.divarea
{
	width:120px;
	height:20px;
	padding-left:2px;
	background:#eef;
}
.divarea img
{
	float:right;
}
.divarea .txt
{
	float:left
}
```

```
<div id="sub2" class="divarea">
<span class="txt">Kalle</span>
<a href="#" onClick="sw('sub0')"><img src="downarrow.gif" width="16" height="16" border="0"></a>
</div>
```

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

## #3 — Jesper T, 2003-01-24T10:19Z

Tack, det gjorde susen. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/65989-text-bild-i-div-kacka