Online computer courses, code, programming tutorial and sidebar information for monitoring Canadian S&P/TSX index. Build friendship and networking. Welcome to visit my blogs often!!! I also have two other sites: YouTube Channel and Google site.
Adsense
Popular Posts
- PHPWind-- A PHP forum script applcaition in China
- Using Cron Job to process PHP scripts
- job interview questions (1)
- Install PHPMailer 5.2.4 and use smtp gmail
- PHP connect IBM db2 database in XAMPP
- Set up a child account and set screen time limit in Windows 8
- PHP - Export Content to MS Word document
- Datatable export excel wraptext and newline
- Sweet Alert JS library - beautiful replacement of JavaScript Alert
- Powerful js library datable to export table in pdf, excel, sorting, freezing column and table header fixed (sticky)
Monday, December 9, 2013
Design two side-by-side divs in CSS
Left div contains video or image, right div contains questions in quiz.
Left div, I used "width:60%;" and "float:left";
Right div, I use "width:35%;" and "float:right";
So the distance between two divs is 5%,
Final code:
<div style="display:block; width:60%; overflow:auto;float: left;" > </div>
<div style="display:block; width:35%; height: 800px; overflow:auto; float: right;" ></div>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment