Question

<div class="preview">
  <span class="center">This will be centered</div>
</div>

Preview has fixed width (120×120), but span may contain anything (image, text). How do I center it vertically and horizontally using jQuery? I looked up some snippets but they all center elements inside the ‘body’ not another element. I’d like to avoid use a ‘plugin’ for this if possible.

Many thanks!

Answer 1

Since you don’t mind using jQuery, you can use the Center Element Plugin

It’s as simple as doing:

$(".preview").center();