.flex-container { display: flex; align-content:center; } .flex-item-1 { align-self: flex-start;} .flex-item-2 { align-self: flex-end;} .flex-item-3 { align-self: center;} .flex-item-4 { align-self: baseline;} .flex-item-5 { align-self: stretch;}


Example 1 .flex-item-3 { order: -1 } Example 2 .flex-item-1 {order: 3;} .flex-item-2 {order: 4;} .flex-item-3 {order: 2;} .flex-item-4 {order: 1;}


The <meta> HTML element is a metadata content element that contain information about presentation and behavior the page. This element is used inside <head> HTML element. The <meta> HTML element represents information that can not be represented by other metadata content elements like: <base>, <link>, <script>, <style>, <title>. One of the following attributes must be […]

HTML Content Models

HTML document is represented with a Document object (DOM) and it has his own address called URL. HTML document consists of a series of HTML elements. The HTML elements have theirs own content model: a description of the element’s expected contents. The contents of an element are its children in DOM. That means that every […]


:link– pseudo-class | CSS Level 1 The :link selects links that have not been visited. This selector targets <a> elements with href attribute, even if href attribute is empty. Syntax :link { color: blue; } The :link pseudo-class selects only <a> elements and only with href attribute. So :link styles have no effects in following […]


:active – pseudo-class | CSS Level 1 The :active selects an element that is being activated by the user with left mouse button or keyboard tab key. The given style is visible only for short time between mouse down and mouse up event or key down and key up event. Syntax element:active { style properties […]


The clear CSS property is directly related with the float CSS property. It can be apply to floating elements and non-floating elements. The clear CSS property specifies the position of the floating element that precedes the element with clear property set to left/right/both.


float – box property | CSS Level 1 The float CSS property determines that the element should be taken form the normal flow in HTML document tree and placed along the left or right side of its parent container. The remaining content ( HTML elements, text) flows around box with float property. They do not […]


CSS pseudo-classes  classify elements by features that can not be deduced from document tree (name, attributes or content). They are used to add styles to an element in its a certain state or to an element that is in a certain position in the document tree. That means they may be dynamic – the element […]