5 svar · 266 visningar · startad av Mika3l
Hej!
Har tre länkar varav en jag vill ha till höger.
Länk 1 | Länk 2 ------------------------------ Länk 3
Testade att sätta align, vertical-align och text-align till right i den tredje länken men det fungerade inte.
Hur ska jag fixa det? 
<a href="#">Tjopp</a> |
<a href="#">Tjipp</a>
<a href="#" style="align: right;">Tjapp</a>
Dom står direkt mellan <body> och </body>. Tjapp är alltså den länken jag till ha till höger.
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="#style"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Test</title>
<style id="style" type="text/css">
* { margin:0; padding:0; }
ul { margin:1em; max-width:30em; }
li { display:block; float:left; padding:0 .5em; }
li:first-child { border-right:thin solid; }
li:first-child + li + li { float:right; }
</style>
</head>
<bo[b][/b]dy>
<ul>
<li>Länk 1</li>
<li>Länk 2</li>
<li>Länk 3</li>
</ul>
</body>
</html>
...nu funkar inte det här så bra med IE men du förstår nog principen. 