Custom view single content wrapper css style

Question

My custom view which shows only two rows of data looks like this

• content1

• content2

but I want to display them side by side like this content1 content2

to do this I have to apply float left and width 50% to the content wrapper css class or id but the problem it has a long views-row views-row-1 views-row-odd views-row-first css class how do I modify this class ?

<div class="view-content">
    <div class="views-row views-row-1 views-row-odd views-row-first">
    </div>

    <div class="views-row views-row-2 views-row-even views-row-last">
    </div>
</div> 

Result I need is

<div class="view-content">
    <div class="customeview">
    </div>

    <div class="customeview">
    </div>
</div>

Answer 1

You can reduce the standard markup with these options in views:

Answer 2

Additionally to Volker's answer, I'd like to precise that these available options in Views 3 were previously in a contributed module called Semantic Views. This module has been integrated into Drupal 7, but not all of its features, so it is not totally obsolete for Drupal 7 (see this thread for more info).