---
title: "Upphöjd och nedsänkt text"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/102118-upphöjd-och-nedsänkt-text"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "plelkes"
published: "2004-04-22T13:42:28.000Z"
updated: "2004-04-25T17:16:51.000Z"
replies: 9
views: 2739
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/102118-upphöjd-och-nedsänkt-text"
---

# Upphöjd och nedsänkt text

## #1 — plelkes, 2004-04-22T13:42Z

Kan ni hjälpa mig med "taggen" för hur jag i HTML får upphöjd och nedsänkt text?

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

## #2 — Web-Tor, 2004-04-22T13:45Z

<http://www.webforum.nu/showthread.php?s=&forumid=12&threadid=83916>

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

## #3 — plelkes, 2004-04-22T13:49Z

Tack Web-Tor,
men kan du ge hela kod exemplet för tex:
joniserat calcium = Ca++ (kan tyvärr inte skriva upphöjd här heller)
syrgas = O2kan tyvärr inte skriva nersänkt här heller)

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

## #4 — Peeer, 2004-04-22T13:52Z

```
<style type="text/css">
.sup {vertical-align: super;}
.sub {vertical-align: sub;}
</style>
...
Ca<span class="sup">++</span><br />
O<span class="sub">2</span>
```

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

## #5 — dectgap, 2004-04-22T16:13Z

Varför använda CSS-klasser när det finns färdiga HTML-element för upphöjd resp nedsänkt text?

Enklare:

```
Ca<sup>++</sup><br />
O<sub>2</sub>
```

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

## #6 — plelkes, 2004-04-25T16:58Z

dectgap ´s förslag funkar bra, men hur undviker jag i nedanstående

```
<a href="postfilter1.htm">Postfilter&nbsp;Ca<sup>++</sup>> 0,32</a>
```

 att även ++ blir udnerstruken?

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

## #7 — PepeJeria, 2004-04-25T17:04Z

```
<style type="text/css">
sup
{
    text-decoration:none;
}
</style>
```

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

## #8 — plelkes, 2004-04-25T17:06Z

eftersom jag är dålig på css,
hur skulle hela sidans kod se ut?

```
<html>
<head>
<title></title>
<style type="text/css">
<!--
body,td,th {
	font-family: Times New Roman;
	font-size: 14px;
}
a {
	font-size: 14px;
	font-family: Times New Roman;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman;
}
h2 {
	font-size: 16px;
}
-->
</style></head>
<body>
<h2><u>artkat- Ca<sup>++</sup>&nbsp;&lt; 1,12</u></h2>

<ul>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt;&nbsp;0,95 mmol/l </li>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt; 0,85mmol/l</li>
</ul>
<ol>
<li>öka ACD-inf med 10%</li>
<Li>öka Cainf med 10%</Li></ol>
<P><a href="citrat.htm">Citrat</a>&nbsp;&nbsp;&nbsp;<a href="behschema.htm">Behandlingsschema</a></P>
</body>
</html>
```

 somni ser strular även understrukningen..

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

## #9 — MatsJ, 2004-04-25T17:13Z

Så här:

```
<html>
<head>
<title></title>
<style type="text/css">
<!--
body,td,th {
	font-family: Times New Roman;
	font-size: 14px;
}
a {
	font-size: 14px;
	font-family: Times New Roman;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman;
}
h2 {
	font-size: 16px;
}
sup {
	text-decoration: none;
}
-->
</style></head>
<body>
<h2><u>artkat- Ca<sup>++</sup>&nbsp;&lt; 1,12</u></h2>

<ul>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt;&nbsp;0,95 mmol/l </li>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt; 0,85mmol/l</li>
</ul>
<ol>
<li>öka ACD-inf med 10%</li>
<Li>öka Cainf med 10%</Li></ol>
<P><a href="citrat.htm">Citrat</a>&nbsp;&nbsp;&nbsp;<a href="behschema.htm">Behandlingsschema</a></P>
</body>
</html>
```

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

## #10 — plelkes, 2004-04-25T17:16Z

snyggt!
och tack för det både MatsJ och  PepeJeria

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/102118-upphöjd-och-nedsänkt-text
