/*
URL to explanation: https://www.w3schools.com/css/css_combinators.asp
There are four different combinators in CSS:

    Descendant selector (space)
		The descendant selector matches all elements that are descendants of a specified element.
		The following example selects all <p> elements inside <div> elements:
			div p {
				background-color: yellow;
			}
	
    Child selector (>)
		The child selector selects all elements that are the immediate children of a specified element.
		The following example selects all <p> elements that are immediate children of a <div> element:
			div > p {
				background-color: yellow;
			}
	
    Adjacent sibling selector (+)
		The adjacent sibling selector selects all elements that are the adjacent siblings of a specified element.
		Sibling elements must have the same parent element, and "adjacent" means "immediately following".
		The following example selects all <p> elements that are placed immediately after <div> elements:
		MJS: In this case it mean the <p> tag comes right after the closing </div> tag
			div + p {
				background-color: yellow;
			}
	
    General sibling selector (~)
		The general sibling selector selects all elements that are siblings of a specified element.
		The following example selects all <p> elements that are siblings of <div> elements: 
		MJS: The difference between this and the Adjacent selector is this will get any <p> tag 
		     following the </div> tag but not inside a different tag
			div ~ p {
				background-color: yellow;
			}

	Combination selector (.)
		The <class>.<class> means select all elements having both class
			Example: .div14.welcome
		
		Note: with a space in-between the two classes it will revert back to "Descendant selector (space)"
			Example .div14 .welcome ...... means select all elements having .welcome class inside .div14 class


*/


/*was just ul */
ulVideo {
list-style-type:none;
margin:0;
padding:0;
}

liVideo {
	display:inline;
	float:left;
	text-align:center;
	width:260px;
	height:263px;
	/*
	border:1px;
	*/
	border:1px solid purple;
	margin:4px;
	padding:0px;
}