Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Column Layout using HTML5

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 228
    Comment on it

    Explaining the use of column layout in CSS:-

    CSS column layout is helpful for dividing the text into columns. For example: The text in magazine/newspaper you have been generally come across the big text is divided into column with a colorful border in between the text. This feature will be helpful by using HTML 5 column layout.

    • To implement the code of column layout we need to divide the text into 3 columns.
    • -webkit-column-count:3; (used for Chrome and Safari)
           or
      column-count:3;
      

    • To implement gap between the columns
    • -webkit-column-gap:50px;  (used for Chrome and Safari)
            or
      column-gap:20px;
      

    • To use thick-line between the column
    • -webkit-column-rule:5px outset #ccc; (used for Chrome and Safari)
                 or
      column-rule:6px outset #ccc;
      

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: