怎么让图片这一字段单独居中呢

<!-- 背面区块 -->
{{FrontSide}}
<div class="section bounceInUp">
<div class="items2 voca">{{图片}}</div>
<div class="items2 voca">{{英译}}</div>
<div id="paraphrase" class="items2">{{中译}}</div>
</div>
<script type="text/javascript">
var colorMap = {
'n.':'#86c440',
'a.':'#f8b002',
'adj.':'#727272',
'ad.':'#684b9d',
'adv.':'#684b9d',
'v.':'#479cdf',
'vi.':'#3e480d',
'vt.':'#3e480d',
'prep.':'#04B7C9',
'conj.':'#04B7C9',
'pron.':'#04B7C9',
'art.':'#04B7C9',
'num.':'#04B7C9',
'int.':'#04B7C9',
'interj.':'#04B7C9',
'modal.':'#04B7C9',
'un.':'#04B7C9',
'aux.':'#04B7C9',
'pl.':'#D111D3',
'abbr.':'#D111D3',
'na.':'#04B7C9',
};
[].forEach.call(document.querySelectorAll('#paraphrase'), function(div) {
div.innerHTML = div.innerHTML.replace(/\b[a-z]+\./g, function(symbol) {
if(colorMap[symbol]) {
return '<br/><a style="font-family:Georgia;font-style:italic;font-weight:bold;color:' + colorMap[symbol] + ';border-radius:4px;padding:0 3px;margin-right:2px;">'+
symbol + '</a>';
} else {
return symbol;
}
}).replace(/(<br\/?>)+/g, '<br/>')
.replace(/`2`.*/g, "");
if(div.innerHTML.indexOf('<br') === 0) {
var i = div.innerHTML.indexOf('>')
div.innerHTML = div.innerHTML.slice(i+1)
}
});
var vocabulary = document.querySelector('.voca')
if(vocabulary.innerHTML.trim() === ''){
vocabulary.style.display = 'none'
} else {
var paraphrase = document.querySelector('#paraphrase')
paraphrase.style.color = '#333'
}
</script>