Estou tentando alinhar o input abaixo de cada imagem depois de ter efetuado uploads utilizando file reader.
Segue print da tela e os códigos:
JS:
$(function() {
var imagesPreview = function(input, placeToInsertImagePreview) {
if (input.files) {
var filesAmount = input.files.length;
for (i = 0; i < filesAmount; i++) {
var reader = new FileReader();
reader.onload = function(event) {
$($.parseHTML('<img class="img-galeria img-thumbnail img-galeria" >')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
$($.parseHTML('<input class="form-control painel-input-galeria" type="text" name="titulo-img" placeholder="título da imagem">')).appendTo(placeToInsertImagePreview);
},
reader.readAsDataURL(input.files[i]);
}
}
};
$('#imagem').on('change', function() {
imagesPreview(this, 'div.galeria');
});
});
HTML
CSS já tentei várias alternativas e não consegui.