---
title: "float:right gör radbrytning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159967-float-right-gör-radbrytning"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wally_91"
published: "2007-05-05T15:56:34.000Z"
updated: "2007-05-05T16:54:55.000Z"
replies: 3
views: 494
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/159967-float-right-gör-radbrytning"
---

# float:right gör radbrytning

## #1 — wally_91, 2007-05-05T15:56Z

Hej alla!

I en tabell har jag rubriken på den *vänstra* sidan av cellen och tiden på den *högra* delen av cellen. Jag gör detta mha float:right men om jag gör det blir det en radbrytning om rubriken finns.

Kod:

```
//Högre upp
.forum_title{font-weight: bold;}
//SLUT

//Längre ner
<td class='forum_title'>Min tråd<span style='float: right;font-weight: normal;'>2007-05-05 13:51:00</span></td>
```

 

Exempel:
Med rubrik och tid.

```
------------------------------------
| Rubriken                          |
|                             Tiden |
------------------------------------
```

Utan rubrik fast med tid.

```
------------------------------------
|                             Tiden |
------------------------------------
```

**Hur gör jag så att tiden inte kommer en rad under?**

Tack på förhand,

wally_91

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

## #2 — Koplik, 2007-05-05T16:27Z

Jag är inte så het på CSS så jag kan inte förklara varför. 
Jag tror det har att göra med att elementen är olika och td inte har någon css-placering. Jag fick inte till det om jag försökte styla td:n heller.

Men om du kör

```
<td><span style="float: left">Rubriken</span><span style="float:right">Tiden</span></td>
```

Så skall det fungera utan linebreak.

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

## #3 — wally_91, 2007-05-05T16:52Z

Jag tror att jag löste det.

Jag använder mig av två divar inuti cellen så att det blir så här.

```
<td><div style='float: left;'>Rubriken</div><div style='float: right;'>Tiden</div></td>
```

Fast ovannämnda förslag funkar också :)

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

## #4 — colione, 2007-05-05T16:54Z

Bättre att göra såhär:

```
<html>
<head>
<style>
.forum_title{font-weight: bold; width:300px}
.forum_title p {float:left;margin:0px;padding:0px}
.forum_title p.date {float:right;}
</style>
<title>
</title>
</head>
<body>
<table>
<tr>
<td class="forum_title"><p>min tråd</p><p class="date">2007-05-05 13:51:00</p></td></tr>
</table>
</body>
</html>
```

Alternativt en snyggare lösning, som inte funkar i ie6:

```
<html>
<head>
<style>
.forum_title{font-weight: bold; width:300px}
.forum_title p {float:left;margin:0px;padding:0px}
.forum_title p+p {float:right;}
</style>
<title>
</title>
</head>
<body>
<table>
<tr>
<td class="forum_title"><p>min tråd</p><p>2007-05-05 13:51:00</p></td></tr>
</table>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159967-float-right-gör-radbrytning
