7 svar · 344 visningar · startad av KoTTeN
Hej! Undrar om man på ett enkelt sätt kan ha ett stycke text vänsterjusterat och ytterligare text högerjusterat på samma rad, utan att blanda in tabeller.
Exempelvis:
Text <div align="right">text </div>.
Fast denna kod ger ett entersteg emellan de olika justeringarna.
Se underrubriken "Splitting the Difference":
http://www.alistapart.com/articles/practicalcss/
Om det inte var exakt vad du ville ha, kan man ju trösta sig med att det i övrigt är en mycket bra sida. :bire
En annan lösning kan ju vara att sätta margin: 0px; och padding: 0px; i CSS på div:en.
Ex.
<style type="text/css">
div {
margin: 0px;
padding: 0px;
}
</style>
Text <div style="text-align: right;">text</div>
Hmm..
Ledsen om jag låter negativ Melea, men att döda marginalerna och paddingen tar väl inte bort radbrytningen före och efter en div (dvs "entersteget") - den högerställda texten kommer alltid att hamna på raden under i ditt exempel eftersom <div> är ett block... ;)
Möjligen kan man fnula med "negativ margin-top:" ungefär såhär
<!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" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<title>Ett litet Test</title>
<style type="text/css">
<!--
div {margin:0;padding:0;line-height:1.3em;}
-->
</style>
</head>
<body>
<div>Detta är en text<div style="text-align:right;margin-top:-1.3em">Så sant</div></div>
<div>faderuttan!</div>
</body>
</html>
men lösninen i ALA-artikeln är IMHO snyggare ;)
Hmm...
Tinwëlint... det är precis vad som står här:
erre skrev:
Se underrubriken "Splitting the Difference":
http://www.alistapart.com/articles/practicalcss/
:bire
Tack för alla svar!
Hi hi vad roligt. Jag hade inte ens läst den artikeln.
