CSS for the Events Calendar plugin

I use WordPress with the "The Events Calendar" plugin and the "The Events Calendar Shortcode" plugin. I need to display the upcoming three events on the "About company" page. The events are displayed, and now I need to add CSS to display these events nicely. By using Inspect element command I see that in the code there are <ul>, <li> and <span> elements. Could you please help me on how to modify the appearance of these elements?

The full code in the Browser is the following:

<ul class="ecs-event-list">
<li class="ecs-event">
    <h4 class="entry-title summary">
        <a rel="bookmark" href="http://ift.tt/1jcF2Mv">
            Parfumerijos paslaptys
        </a>
    </h4>
    <img class="attachment-150x150 wp-post-image" alt="ramute" src="http://ift.tt/1QYBB6y"></img>
    <span class="duration time">
        <span class="date-start dtstart">
            spalio 12 @ 11:00 am
            <span class="value-title" title="2015-10-12UTC11:00"></span>
        </span>
         - 
        <span class="end-time dtend">
            6:00 pm
            <span class="value-title" title="2015-10-12UTC06:00"></span>
        </span>
    </span>
</li>

Do I need to add html table? (And there can I specify the html table in WordPress?) Or maybe I need to add CSS for the classes mentioned in ul, li and span elements? But I tried to modify the CSS and could not managed it. Searched through forums and articles already :) Thank you very much for your help in advance.

Kotryna

via Chebli Mohamed