<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Css Snippets &#187; left</title>
	<atom:link href="http://www.csssnippets.be/tag/left/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csssnippets.be</link>
	<description>Snippets for you, snippets for me</description>
	<lastBuildDate>Mon, 17 Oct 2011 08:42:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Floating quotes</title>
		<link>http://www.csssnippets.be/2008/12/floating-quotes/</link>
		<comments>http://www.csssnippets.be/2008/12/floating-quotes/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 14:04:53 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[box]]></category>
		<category><![CDATA[crossbrowser]]></category>
		<category><![CDATA[Xhtml Strict]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[left]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[quotes]]></category>
		<category><![CDATA[rechts]]></category>
		<category><![CDATA[right]]></category>

		<guid isPermaLink="false">http://www.csssnippets.be/?p=52</guid>
		<description><![CDATA[Als je tekst schrijft en wilt bijvoorbeeld een kleine blok tekst weergeven in je tekst, aan de linker of rechter kant om extra aandacht te trekken. Of als toelichting op je tekst een afbeelding plaatsen zonder je tekst te moeten stop zetten voor de afbeelding.]]></description>
			<content:encoded><![CDATA[<p>Als je tekst schrijft en wilt bijvoorbeeld een kleine blok tekst weergeven in je tekst, aan de linker of rechter kant om extra aandacht te trekken. Of als toelichting op je tekst een afbeelding plaatsen zonder je tekst te moeten stop zetten voor de afbeelding.</p>
<h3>HTML</h3>
<pre title="code" class="xhtml">
&lt;div id="container"&gt;
&lt;div id="quoting"&gt;
&lt;span id="kleur1"&gt;...Quotes maken een&lt;/span&gt;
coole tekst
&lt;strong&gt;om zoveel mooier dat het eigenlijk&lt;/strong&gt;
spijtig is
&lt;span id="kleur2"&gt;dat het nu gedaan is...&lt;/span&gt;
&lt;/div&gt;
&lt;p&gt;Alas, the conjoint dog measurably said
inside this talkative eel. Dear me, the porcupine
is more submissive than a savage meadowlark&lt;/p&gt;
&lt;p&gt;Alas, the conjoint dog measurably said
inside this talkative eel. Dear me, the porcupine
is more submissive than a savage meadowlark&lt;/p&gt;
&lt;/div&gt;
</pre>
<h3>CSS</h3>
<pre title="code" class="css">
#kleur1 {
color: #ffd700;
}
#kleur2 {
color: #ffa500;
}
#clear {
clear: both;
}
#container {
width:400px;
}
#quoting {
float: right;
width: 150px;
margin : 10px 20px 10px 10px;
font-family: Georgia,Arial,Helvetica;
font-size: 28px;
line-height: 24px;
color:#FF6600;
padding-bottom:5px;
text-align: right;
}
</pre>



	<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F&amp;title=Floating%20quotes&amp;annotation=Als%20je%20tekst%20schrijft%20en%20wilt%20bijvoorbeeld%20een%20kleine%20blok%20tekst%20weergeven%20in%20je%20tekst%2C%20aan%20de%20linker%20of%20rechter%20kant%20om%20extra%20aandacht%20te%20trekken.%20Of%20als%20toelichting%20op%20je%20tekst%20een%20afbeelding%20plaatsen%20zonder%20je%20tekst%20te%20moeten%20stop%20zetten%20voor%20de%20afbeelding." class="google bookmarks" title="Google Bookmarks">Google Bookmarks</a>
	<a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F&amp;title=Floating%20quotes&amp;bodytext=Als%20je%20tekst%20schrijft%20en%20wilt%20bijvoorbeeld%20een%20kleine%20blok%20tekst%20weergeven%20in%20je%20tekst%2C%20aan%20de%20linker%20of%20rechter%20kant%20om%20extra%20aandacht%20te%20trekken.%20Of%20als%20toelichting%20op%20je%20tekst%20een%20afbeelding%20plaatsen%20zonder%20je%20tekst%20te%20moeten%20stop%20zetten%20voor%20de%20afbeelding." class="digg" title="Digg">Digg</a>
	<a rel="nofollow" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F&amp;Title=Floating%20quotes" class="blinklist" title="BlinkList">BlinkList</a>
	<a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F" class="technorati" title="Technorati">Technorati</a>
	<a rel="nofollow" href="http://twitter.com/home?status=Floating%20quotes%20-%20http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F" class="twitter" title="Twitter">Twitter</a>
	<a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F&amp;title=Floating%20quotes&amp;notes=Als%20je%20tekst%20schrijft%20en%20wilt%20bijvoorbeeld%20een%20kleine%20blok%20tekst%20weergeven%20in%20je%20tekst%2C%20aan%20de%20linker%20of%20rechter%20kant%20om%20extra%20aandacht%20te%20trekken.%20Of%20als%20toelichting%20op%20je%20tekst%20een%20afbeelding%20plaatsen%20zonder%20je%20tekst%20te%20moeten%20stop%20zetten%20voor%20de%20afbeelding." class="delicious" title="del.icio.us">del.icio.us</a>
	<a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F&amp;t=Floating%20quotes" class="facebook" title="Facebook">Facebook</a>
	<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.csssnippets.be%2F2008%2F12%2Ffloating-quotes%2F&amp;title=Floating%20quotes" class="stumbleupon" title="StumbleUpon">StumbleUpon</a>

<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.csssnippets.be/2008/12/floating-quotes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

