Select Box not dispalying similar in browsers

Question

I was working on a contact form for this site page MY site page using Contact form 7 word press plugin. I have added a few checkboxes in order to get some info from the visitors. And, when I published the page, the check box was displaying line by line. So I added the below CSS to display it in each line:

.wpcf7-checkbox
{
   display:table-caption;
}

This one displayed the checkboxes in each line but when I opened it in Mozilla it is not showing the way I wanted. I don't know what happened. Someone, please help me do this. Thanks!!

Answer 1

Try adding this:

span.wpcf7-list-item {
    margin-left: 0.5em;
    display: block;
}