<?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>Solution Log &#124; Antonio David - NVNCBL &#187; display</title>
	<atom:link href="http://www.nvncbl.com/tagged/display/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nvncbl.com</link>
	<description>A place to log my programming solutions for future reference</description>
	<lastBuildDate>Sun, 28 Aug 2011 01:20:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Center Align a UL Menu</title>
		<link>http://www.nvncbl.com/2010/02/center-align-a-ul-menu/</link>
		<comments>http://www.nvncbl.com/2010/02/center-align-a-ul-menu/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 19:08:22 +0000</pubDate>
		<dc:creator>Antonio</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[center]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[inline]]></category>
		<category><![CDATA[ul]]></category>
		<category><![CDATA[unordered list]]></category>

		<guid isPermaLink="false">http://www.nvncbl.com/?p=494</guid>
		<description><![CDATA[The task of center-aligning an unordered list (which can&#8217;t have its width explicitly set) via CSS comes up every now and then.  Logging it here for later.
&#8220;For a start you could text-align: center the ul inside the #ul_container_div and display: inline the li instead of floating them left.&#8221;

#ul_container_div&#123; width:100%; text-align:center; &#125;
#ul_container_div li &#123; display: [...]]]></description>
			<content:encoded><![CDATA[<p>The task of center-aligning an unordered list (which can&#8217;t have its width explicitly set) via CSS comes up every now and then.  Logging it here for later.</p>
<p>&#8220;For a start you could text-align: center the ul inside the #ul_container_div and display: inline the li instead of floating them left.&#8221;</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#ul_container_div</span><span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #993333;">center</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#ul_container_div</span> li <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">inline</span><span style="color: #00AA00;">;</span>  <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Source of knowledge: <a class="external" href="http://archivist.incutio.com/viewlist/css-discuss/59041">http://archivist.incutio.com/viewlist/css-discuss/59041</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nvncbl.com/2010/02/center-align-a-ul-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

