lluisgerard/dabblet.css

## dabblet.css
/**
 * Center lists
 */

div {
  width: 100%;
  overflow:hidden;
  position:relative;
}
div ul {
  float:left;
  position:relative;
  left:50%;
  list-style:none;
}
div ul li {
  float:left;
  position:relative;
  right:50%;
  padding:10px;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
  <div>
  <ul>
    <li> budgies </li>
    <li> cats </li>
    <li> dogs </li>
    <!-- the content increase -->
    <li> more budgies </li>
    <li> more cats </li>
    <li> more dogs </li>
  <ul>
  </div>
</body>


## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Center lists
	*/

	div {
	width: 100%;
	overflow:hidden;
	position:relative;
	}
	div ul {
	float:left;
	position:relative;
	left:50%;
	list-style:none;
	}
	div ul li {
	float:left;
	position:relative;
	right:50%;
	padding:10px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<body>
	<div>
	<ul>
	<li> budgies </li>
	<li> cats </li>
	<li> dogs </li>
	<!-- the content increase -->
	<li> more budgies </li>
	<li> more cats </li>
	<li> more dogs </li>
	<ul>
	</div>
	</body>