Detalhes da questão

Descrição

Boa tarde.

Eu estou precisando de ajuda com os campos da ficha de rpg do meu fórum. Eu dividi os campos em duas colunas, mas a segunda coluna sempre começa mais abaixo, conforme imagem abaixo:



Tem como nivelar ambas?

Grata desde já.

Código:

#cp-main .column1,
#cp-main .column2 {
  clear: none;
  margin-bottom: 15px;
}

Código:

/* global jQuery */
 
(function($) {
  'use strict';
 
  if (!/^\/u\d+rpg$/g.test(location.pathname)) {
    return;
  }

  $(function() {
    $('<style>', { html: [
      '.details {',
      '  overflow: hidden;',
      '  margin-bottom: 15px',
      '}'
    ].join('\n') }).appendTo('head');
 
    var $panel = $('#cp-main .panel');
    var $left = $panel.find('.column1');
    var $right = $panel.find('.column2');
 
    $('<div>', { id: 'fa-rpg-left', class: 'column1' })
      .insertBefore($left.eq(0));
 
    $('<div>', { id: 'fa-rpg-right', class: 'column2' })
      .insertBefore($right.eq(0));
 
    $left
      .find('.details')
      .appendTo('#fa-rpg-left');
 
    $left.remove();
 
    $right
      .find('.details')
      .appendTo('#fa-rpg-right');
 
    $right.remove();
  });
}(jQuery));