You need to add the class "last" to the second div containing "span-12" this
removes the margin on the right side of that div so they will align next to
each other... see below:
<html>
<head>
<link rel="stylesheet" href="http://github.com/joshuaclayton/
blueprint-css/raw/63795c8bfe31cbbfad726f714bf8d22770adc7ad/blueprint/
screen.css" type="text/css" media="screen, projection">
</head>
<body>
<div class="container">
<div class="span-24">
<div class="span-12"
style="background:#eee;"><pre>Hello world
asdf asdf asdf asd fas df asd fas dfas dfasd f</pre></div>
<div class="span-12 last"
style="background:#ccc;"><pre>Hello world
asdf asdf asdf asd fas df asd fas dfas dfasd f</pre></div>
</div>
</div>
</body>
</html>
-----Original Message-----
From: [email protected] [mailto:[email protected]]
On Behalf Of Jason Wang
Sent: Sunday, August 30, 2009 12:16 AM
To: Blueprint CSS
Subject: [BP #3307] blueprint css pre inside div not displaying as expected
Hi all,
I'm trying to figure out whether blueprint css framework is good fit
for me, and i encountered the following snag along the way. The
problem is that I have two pre each wrapped in a div with span-12
class, but they are not displaying side by side in two columns, one
wrap around the other to the bottom for some reason. the following
code demonstrating the problem should just work if you copy it into
some html file:
<html>
<head>
<link rel="stylesheet" href="http://github.com/joshuaclayton/
blueprint-css/raw/63795c8bfe31cbbfad726f714bf8d22770adc7ad/blueprint/
screen.css" type="text/css" media="screen, projection">
</head>
<body>
<div class="container">
<div class="span-24">
<div class="span-12"
style="background:#eee;"><pre>Hello world
asdf asdf asdf asd fas df asd fas dfas dfasd f</pre></div>
<div class="span-12"
style="background:#ccc;"><pre>Hello world
asdf asdf asdf asd fas df asd fas dfas dfasd f</pre></div>
</div>
</div>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
