ProductsDemosSupportCompanyDownloadPricing
Contents
Search:

Home > How To > How to Create Fixed Style

How to Create Fixed Style

If you want to display three columns where each column always stays together (and you don’t want to use tables), you are able to display the content in div tags with the style “display:inline-block”. The columns will be displayed side by side and will also wrap to the next line if the browser width is too narrow. Try it here: http://www.democonsole.com/ThreeColumns/default.aspx?pageid=Tutorials

 

<style>

.mycolumn {

    display: inline-block; 

    border: 1px solid red;

    width: 300px;

    margin-right: 10px;

}

</style>

<div class="mycolumn">Column 1</div>

<div class="mycolumn">Column 2</div>

<div class="mycolumn">Column 3</div>




Properties
Article ID:
how_to_create_fixed_style
Views: 1283
Created By: admin
Modified By: admin
Created Date: 10/15/2013 11:59 AM
Last Modified: 10/15/2013 11:59 AM
Actions
Print This Article
Bookmark
Email This Article
Previous Article
Next Article

Was this page helpful?YesNo