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
- How to blend adsense inside your post?
- Formatting my post
- Notepad++ - Add C++ compiler
- Install PHPMailer 5.2.4 and use smtp gmail
- Set up a child account and set screen time limit in Windows 8
- Wayback Machine - see archived versions of web pages across time
- phpexcel toggle expand and hide column in EXCEL and summary
- Install PHP ibm_db2 extension in Linux (redHat)
- PHP: add a download as pdf file button in report page
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