- CSS Display
display property is the most important CSS property for controlling layout. Block-level elements A block-level element always starts on a new line and takes up the full width available <div class=”row”> <div class=”col-3″> <h4>Display block-level element</h4> <div>A block-level element always…
- CSS Float
Float float property specifies how an element should float. It’s used for positioning and formatting content. float-left The element floats to the left of its container <div class=”row”> <div class=”col-4″> <h4>Float left</h4> </div> <div class=”col-8″ id=”floatLeft”> Hi my name is Folau <img…
- CSS Borders
Border border properties allow you to specify the style, width, and color of an element’s border. border: width style color; <div class=”row”> <div class=”col-4″> <h4>Border 1</h4> <div><strong>border:</strong> width color style</div> <div><strong>style:</strong>…
- CSS Padding
Padding is used to generate space around an element’s content, inside of any defined borders. padding: top right bottom left; padding: 10px 10px 25px 20px; top has 10px padding right has 10px padding bottom has 25px padding left has 20px padding padding: top right/left bottom; padding: 10px 25px…
- CSS Text
Text color <div class=”row”> <div class=”col-4″> <h4>Text Color</h4> </div> <div class=”col-8″ id=”textColor”> Hi my name is Folau. color property is used to set the color of the text </div> </div> <style> #textColor{ color: blueviolet; } </style> Text alignment <div class=”row”> <div…