html - How to adjust alignment of 3 columns in PHP with the help of CSS? -
html - How to adjust alignment of 3 columns in PHP with the help of CSS? -
i need display 3 columns in same alignment: col1 col2 , col3 dynamic website. col3 doesn't appear on same line of col1 , col2. appears beneath it. should displayed on same alignment of col1 , col2. can adjust applying margin-top alternative isn't right solution. since contents of these columns extracted database, height isn't defined. contents of col1 , col2 pushes col3. so, couldn't manage alignment. how can solved?
class="snippet-code-css lang-css prettyprint-override">#content { width: 900px; margin: auto; } #col { width: 600px; float: left; } #col1 { width: 300px; float: left; } #col2 { width: 300px; float: right; } #col3 { width: 300px; float: right; }
class="snippet-code-html lang-html prettyprint-override"><div id="content"> <div id="col"> <div id="col1">text of col1...</div> <div id="col2">text of col2...</div> </div> <div id="col3">text of col3...</div> </div>
html css
Comments
Post a Comment