---
title: "Nybörjarfråga"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184839-nybörjarfråga"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Hansen88a"
published: "2010-10-05T21:02:00.000Z"
updated: "2010-10-06T06:52:06.000Z"
replies: 6
views: 545
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/184839-nybörjarfråga"
---

# Nybörjarfråga

## #1 — Hansen88a, 2010-10-05T21:02Z

Hej! 

Kod: 
\<a href=""\>\<img src="logo.png"/\>\</a\> \<h1\> SLOGAN \</h1\> 

Jag vill få Slogan på samma rad som "logo" bilden. Men just nu så ligger "slogan" texten under bilden trots att det finns plats till höger om loggan. 

Hemsidan är uppbyggd på divvar. Hur gör jag för att få slogan till höger om och på samma rad som logotypen?

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

## #2 — ejick, 2010-10-05T21:22Z

Hej, det finns lite olika sätt att göra detta på. De olika sätten beror till stor del på resten av innehållet. CSS är att föedra. Ett sätt är då att använda 

```
<style type="text/css">
a {
  float: left;
}
h1 {
  float: left;
  margin: 0;
}
.clear {
  clear: both;
}
</style>
```

Du bör även bryta efter med t.ex. \<br class="clear" /\> Så resultatet blir då 

```
<a href=""><img src="logo.png" alt="" /></a> <h1> SLOGAN </h1><br class="clear" />
```

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

## #3 — aron, 2010-10-05T22:26Z

Ett annat sätt kan vara att göra så här:

```
h1 {
display: inline;
vertical-align: bottom;
}
```

Att tänka på är att inte ha ett inline element direkt efter h1, då kommer den också komma med på samma rad om det finns plats, så kör med en div eller p-tagg efter.

Ändra vertical-align efter behag:
<http://htmldog.com/reference/cssproperties/vertical-align/>

Verkar funka bra, i webläsare också:
<http://www.quirksmode.org/css/display.html>

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

## #4 — GunnarD, 2010-10-06T05:05Z

Alternativt ha a taggen innanför h1 taggen.

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

## #5 — voigtann1, 2010-10-06T05:43Z

GunnarD: Vad hjälper ett inline element? Hx element är ett block element.

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

## #6 — GunnarD, 2010-10-06T06:48Z

Voigtann1: Han ville ha bilden och a taggen på samma rad som h1 taggen. En variant är då att sätta a taggen innanför h1 taggen då kommer dom på samma rad.

Se: <http://privat.gunnard.se/test/>

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

## #7 — voigtann1, 2010-10-06T06:52Z

missade a-elementet, trodde det bara var en bild och hx

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184839-nybörjarfråga