CODEWITHSUNDEEP
htmlcsswordpresscheckboxcontact-form-7
Melvin
Melvin

Reputation: 383

Select Box not dispalying similar in browsers

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!!

Upvotes: 0

Views: 91

Answers (1)

user3520443
user3520443

Reputation: 279

Try adding this:

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

Upvotes: 1

Related Questions