A jQuery plugin utility which dynamically inserts a symmetrical pull-quote element clone to enable a hacky float: center between two columns of text
Demo: https://jakedowns.github.io/pull-quote-center
See index.html for example HTML + CSS.
- make sure you have jQuery loaded
- require this plugin or load it via a script tag
- call it after domready via:
$('.content').pullQuoteCenter();
// alternatively, you can pass in an options object to override default options:
$('.content').pullQuoteCenter({
debug : false,
wrapper_selector : '.two_column_wrapper',
pquote_selector : '.pquote.center',
clone_classname : 'pqc-clone',
lhc_selector : '.left-column',
rhc_selector : '.right-column',
responsive : false,
});
This plugin was inspired by Chris Coyier's CSS-Tricks post: Faking "float: center"