html - Unorderd list columns in body & footer -

how stop ul columns in body affecting footer ul? i've got 'ul' 'li's in body , gave them 3 columns in css:

ul {     overflow: hidden;     live-style:none;     margin-top: 70px;     padding-left: 0px;     columns: 3;   -webkit-columns: 3;   -moz-columns: 3; } 

i've got 'ul' in footer. want inline. reason 4 footer buttons grouped in 2 , follow 3 column pattern. thank you

use selector applies ul in footer adjust styling there

footer ul {   /* styles here */  }