a:5:{s:8:"template";s:8138:"<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<title>{{ keyword }}</title>
<link href="http://gmpg.org/xfn/11" rel="profile"/>


<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&amp;subset=latin,latin-ext" id="twentytwelve-fonts-css" media="all" rel="stylesheet" type="text/css"/>
<style id="twentytwelve-style-css" media="all" rel="stylesheet" type="text/css">/*



/* =Reset
-------------------------------------------------------------- */

html, body, div, h1, h2, h3, a, ul, li, footer, header, hgroup, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
h1,
h2,
h3 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
footer,
header,
hgroup,
nav {
	display: block;
}

/* Clearing floats */
.wrapper:after {
	clear: both;
}
.wrapper:before,
.wrapper:after {
	display: table;
	content: "";
}


.menu-toggle {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle {
	cursor: pointer;
}
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}


/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
}

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation div.nav-menu > ul {
	display: none;
}
.menu-toggle {
	display: inline-block;
}

/* Banner */

/* Sidebar */

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.menu-toggle {
		display: none;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	a {
		text-decoration: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a {
		color: #000;
	}
	#colophon,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
}
</style>


<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body class="custom-font-enabled single-author">
<div class="hfeed site" id="page">
<header class="site-header" id="masthead" role="banner">
<hgroup>
<h1 class="site-title"><a href="#" rel="home" title="{{ keyword }}">{{ keyword }}</a></h1>
<h2 class="site-description">Just another WordPress site</h2>
</hgroup>
<nav class="main-navigation" id="site-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<a class="assistive-text" href="#" title="Skip to content">Skip to content</a>
<div class="nav-menu"><ul><li><a href="#" title="Home">Home</a></li><li class="page_item page-item-2"><a href="#">Sample Page</a></li></ul></div>
</nav>
</header>
<div class="wrapper" id="main">
{{ text }}
	</div>
<footer id="colophon" role="contentinfo">
{{ links }}
<div class="site-info">
</div>
</footer>
</div>


</body>
</html>";s:4:"text";s:4368:"HTML & CSS. Just want to seperate my header from my nav bar, easy way? Centering elements vertically with css is something that often gives designers trouble. July 29, 2015. In the case of the Stack Overflow example, what they're doing is the 'or' divider is actually two divs inside a table cell. It's been a while since we had significant news to announce and we apologize for the long delay. ... get rid of space between DIVs. Beautiful css menus and buttons with css3 rounded corners, css3 gradient and css3 shadows. Hi there, I'm having a bit of trouble adding a vertical line down the center of one page in my Bedford template. Draw a static line between two divs. Of course making them slightly less than 50% width makes them appear on the same line, ... That whitespace between the two .grid__items ... Vertical Gap Between Divs. This is a Bootstrap html, css and javascript snippet. i m making a Sign in form. Just want to seperate my header from my nav bar, easy way? Many pages divide their content into columns, often separated by a thin vertical line, like this: Hi, i have a table with 5 rows and two columns. ... How to put vertical lines left and right of logo. I am trying vertical line between two divs. We all are quite familiar with vertical timelines: all instant messaging applications use them. I'm trying to create a vertical line that divides two div's with the word OR in the middle of the line(s). Drop Down CSS Menu. HTML & CSS. Bedford: Adding vertical line between two text columns. The length is easy, it's just the distance function, and the angle can be derived from the arc tangent of the x and y components of the line. You'll need to adjust the divs with the form fields in them for spacing. CSS3 Menu. It's called offsets. The jQuery QuickFlip plugin flips any piece of HTML markup over like a card. Late to this party, but here's my suggestion. Removing white space between vertical or horizontal divs? Bootstrap Vertical divider between columns (CSS only) qjvYXfWLuN example. it will have two options: 1.Sign In 2. andre1990 2011-10-28 15:30:31 UTC #1. I need let's say 10% cut from top and 10% cut from bottom. Forums  CSS  vertical dotted line between two divs linopolus # March 31, 2011 at 10:37 am Hi currently, I have this I'm laying out my site using CSS Div tags and I can't get rid of an annoying vertical line between my divs.  Now for a quick bit of geometry, assuming we know the two points we want to draw a line between, all we need now is to figure out the angle to draw the line at, and the length of the line we want. Participate in discussions with other Treehouse members and learn. Multiple <br> tags in a row will create a large vertical space on a web page. 0. A series of inline-block elements with "normal" HTML formatting result in spaces between them when set on the same line. edit for comment For small screens, if the heights are equal, you can change the :before to have width: auto; height: 1px. With just 3 lines of CSS we can with the help of transform: translateY() vertically center whatever we want with CSS. http://jalavi.no-ip.org/ewok/creator.htm. Of course making them slightly less than 50% width makes them appear on the same line, ... That whitespace between the two .grid__items ... Vertical Gap Between Divs. thanks! How to - Vertical spacing between two divs? Adding a padding between the divs to simulate a gap might be a hack, but why not use something Bootstrap provides. how can i get that dotted line to be perfectly in between those two paragraphs? thanks! Hi there, I'm having a bit of trouble adding a vertical line down the center of one page in my Bedford template. I need to draw a vertical line with color from the top row to the last in between the columns. align a vertical line/border between divs ... how can i get that dotted line to be perfectly in between those two paragraphs? The flipping animation uses a visual shortcut to run quickly in all browsers. Follow us: News Artisteer and Themler Unite! On the first go around the slide show seems to revert back to the last slide in between the others. How to - Vertical spacing between two divs? Bedford: Adding vertical line between two text columns. andre1990 2011-10-28 15:30:31 UTC #1. But I don't want it to have the same height as the divs. First, some semantics. question. NO JavaScript, NO Images, CSS Only! ";s:7:"keyword";s:30:"vertical line between two divs";s:5:"links";s:4467:"<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=is-intro-to-computers-a-hard-class'>Is Intro To Computers A Hard Class</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-reduce-weight-after-delivery-naturally'>How To Reduce Weight After Delivery Naturally</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=water-heater-pilot-light-goes-out-every-few-days'>Water Heater Pilot Light Goes Out Every Few Days</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=noticias-diario-la-nacion-san-cristobal-tachira-venezuela-hoy'>Noticias Diario La Nacion San Cristobal Tachira Venezuela Hoy</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=counter-strike-global-offensive-system-requirements'>Counter Strike Global Offensive System Requirements</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-mod-gta-5-xbox-360-without-computer-offline'>How To Mod Gta 5 Xbox 360 Without Computer Offline</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=religion-is-the-manifestation-of-the-divinity-already-in-man'>Religion Is The Manifestation Of The Divinity Already In Man</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=carbon-steel-pipe-price-per-ton'>Carbon Steel Pipe Price Per Ton</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-change-instagram-settings'>How To Change Instagram Settings</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=disc-priest-stat-priority-pvp'>Disc Priest Stat Priority Pvp</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=map-of-eastern-united-states-with-highways'>Map Of Eastern United States With Highways</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=3-phase-motor-winding-calculation-pdf'>3 Phase Motor Winding Calculation Pdf</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=fallout-4-settlement-happiness-100'>Fallout 4 Settlement Happiness 100</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=uploading-html-file-to-website'>Uploading Html File To Website</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-find-column-number-in-excel'>How To Find Column Number In Excel</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=baking-supplies-store-near-me'>Baking Supplies Store Near Me</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=discrete-mathematics-for-computer-science'>Discrete Mathematics For Computer Science</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=viper-remote-start-wiring-diagram'>Viper Remote Start Wiring Diagram</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=using-business-account-for-personal-expenses'>Using Business Account For Personal Expenses</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=image-to-ascii-converter-software'>Image To Ascii Converter Software</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=fallout-4-water-purifier-not-working'>Fallout 4 Water Purifier Not Working</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=federal-rules-of-civil-procedure-4'>Federal Rules Of Civil Procedure 4</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-measure-iron-in-avocado'>How To Measure Iron In Avocado</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=salt-lake-sector-5-college-more'>Salt Lake Sector 5 College More</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=amazon-fire-stick-no-internet'>Amazon Fire Stick No Internet</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=big-block-chevy-heads-casting-numbers'>Big Block Chevy Heads Casting Numbers</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=united-airlines-movies-october-2017'>United Airlines Movies October 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=coc-free-accounts-work-100-june-2017'>Coc Free Accounts Work 100 June 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=log4j-multiple-loggers-same-class'>Log4j Multiple Loggers Same Class</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=2010-subaru-forester-used-parts'>2010 Subaru Forester Used Parts</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=arrow-season-5-episode-14-download'>Arrow Season 5 Episode 14 Download</a>,
";s:7:"expired";i:-1;}