How can I create a horizontal row of divs?

I want to create a series of lines of equal size divs - like a box of chocolates - and finds it difficult to make them run across the page.  I thought it was as simple as do display 'inline' instead of 'block', but obviously not because it doesn't work.  The page will be dynamic, so it's important that I have make it work so that any number of the divs will work horizontally, then vertically on the page.

Here is the code:

< div class = "input" >

"< img src="images/Inputs/wired.jpg "width ="40"height ="40"align ="left"class ="left"/ >

The Connect lets you link any him swinging back towards the

< / div >

< div class = "input" >

"< img src="images/Inputs/wired.jpg "width ="40"height ="40"align ="left"class ="left"/ >

The Connect lets you link any him swinging back towards the

< / div >

< div class = "input" >

"< img src="images/Inputs/wired.jpg "width ="40"height ="40"align ="left"class ="left"/ >

The Connect lets you link any him swinging back towards the

< / div >

And the css:

. Input {}

background-color: #EEE;

border: 1px solid #999;

height: 300px;

Width: 300px;

display: block;

}

Thank you

SW

Streetwitch wrote:

. Input {}

background-color: #EEE;

border: 1px solid #999;

height: 300px;

Width: 300px;

display: block;

}

Thank you

SW

Replace display: block; with float: left;

. Input {}

background-color: #EEE;

border: 1px solid #999;

height: 300px;

Width: 300px;

float: left;

}

Tags: Dreamweaver

Similar Questions

  • How can I create a horizontal line on a line of text?

    Hello

    I have FM 12.0.3.424.

    Does anyone know how to create a horizontal line under the title text that matches the width of the page?  Similar to creating a border, but without the top and sides.

    Is it still possible?

    Thank you in advance!

    Use the downstairs 'Frame' attribute on the Advanced tab of the designer for your title of paragraph tag to use a framework named since your reference page. If you use the default templates for your documents, you might try the selection of single line (or create your own).

  • How can I create aligned horizontally RadioGroup options?

    Like this: I use smiley like radio for the post button

    Option 1 option 2          

    Help, please...

    My problem has been resolved.

    I used the ImageButton control to deal with.

  • How can I create a reference to a percentage value?

    For example how can I create a horizontal guide to 33%, 50% and 75% to the bottom of the artboard?

    Thank you!

    Kurren Nischal,

    Whatever the version, you can (commented on are your friends, and you can copy the height of the artboard to file > Document format):

    (1) drag tool line from the lower left to the lower right corner (Smart Guides say intersect in the corners or the current page ).

    (2) then move it back up to a quarter of the height of the artboard (IE 75% down).

    (3) then back up a copy of the same amount (i.e. 50% down).

    (4) then back up a copy of the same amount divided by 3 (or 33 1/3% = a third down) or multiplied by 0.34 (it is 33% down).

    (5) then select all and view > Guides > make Guides.

  • How can I create sequential shooting (1 for each 'row') numbers in a script in multiple column?

    How can I create sequential shooting (1 for each 'row') numbers in a script in multiple column?

    Sorry, but for now there no such function to put sequential numbers in the column number drawn.

  • How can I create a progress bar in main vi

    How can I create a progress in primary vi bar can any1 help me... I have repeatadly m asking for help and no response 1... its very dissopinting...

    Hi Bellefroid,

    Take the horizontal progress bar indicator and give the value which is based on completed processes.

    Kind regards

    Adel T

  • How can I create a submenu? I chose for a vertical menu and want the submenu also be vertical

    How can I create a submenu? I chose for a vertical menu and want the submenu also be vertical

    Via the live chat, I got a useful tip... This has to do with the Organization of child pages in the tree. I had put them vertically on the relevant page (I wanted a submenu vertical). I had to put the child pages horizontally under the relevant page... not really logical or intuitive, but it works!

  • How can we create toolbar icons?

    Hi all
    can someone guide me how can we create toolbar icons?

    Sarah

    There is an easier way to get the "toolbar" you want to have.

    1 build an administration module with all the functions you want to have on the menu and on the toolbar.
    2. for each menuitem, you can set in the properties
    -If it should appear in the menu, then on 'Visible in Menu' Yes
    -If we shon in the horizontal bar of horizontal (or vertical) tools, then on 'Visible in Menu bar tools' ('Visible in Vertical Menu Toolbar') Yes
    -To show an element with a toolbar, you must set the property "Icon name" also in the name of an existing icon (the same way as for the buttons)
    3. compile and generate the menu
    4. create a form and attach your menu in the Menu Module in the properties of the form.

  • How can I create a group through Outlook without the application Outlook email?

    How can I create a group by using Outlook without an application Outlook email?

    Sigmalambda wrote:

    How can I create a group by using Outlook without an application Outlook email?

    It is difficult to understand what you're trying to do. You can create a group and send an email to the group in any mail client. The recipients can use any e-mail provider or an e-mail client to receive e-mail. Please explain in more detail what you are trying to accomplish.

  • How can I create a new folder in Thunderbird

    How can I create a new folder in Thunderbird

    Right-click on the parent folder, a new folder option appears in the menu

  • How can I create a group in my address book?

    I am looking at the help page, and he has "contacts" in the list, but no link to something useful.

    How can I create a group? I want to send something to a group of people, but I don't want them to see all the other people who are part of the group.

    _ http://KB.mozillazine.org/Thunderbird: _FAQs_:_Create_Mailing_List

  • How can I create a trigger e-mail messages sets a phone when Gets an email from particulry?

    Hi team, support
    Customer email thunderbird whit, how can I create a trigger e-mail messages rule a phone dial when comes a word of the body particularly E-mail?

    Kind regards
    Alessandro.

    I don't think you can do this with ordinary Thunderbird. But this add-on

    https://addons.Mozilla.org/en-us/Thunderbird/addon/FiltaQuilla/

    allows you to run javascript or IIRC, launch an external program when a given filter condition is met. So this does not exactly provide an answer to your question, but allows a possible solution. '

  • How can I create a separate address book? I'm not on a mailing list but an address book where addresses are not mixed with my usual address b

    How can I create a separate address book? I'm not on a mailing list but an address book where addresses are not mixed with my address book regularly. I already have three created for me by Thunderbird address books. Add all new addresses to one of those, I'm not afraid to remove the other address books, because some of their addresses are not repeated in my address book "main". So if I delete all the names in one of the existing books, I need to create a blank book that will not mix the addresses with those of an another address book. HOW CAN I CREATE AN ADDRESS BOOK EMPTY? I want to be able to create multiple mailing LISTS using the addresses in this new book, I will eventually have an address book special with a variety of mailing lists, that I can use as I want to.

    In the address book, file | New | Address book.

    No menu showing "file"? F10 or ALT.

  • How can I activate the top row of keys on Pavilion dv6000?

    How can I activate the top row of keys on Pavilion dv6000, they are turned off.

    If you have HP Quick Launch installed as suggested above and still no joy > > > try a hard reset, works sometimes. Disconnect all external devices first.

    battery and power cord 1 / removal

    2 - Press the power button for 20 seconds

    3 reinstall only the power cord for the first start.

    4. turn on

  • NB100 - How can I create a recovery on a USB CD?

    Hi friends,

    I recently got a NB100 with XP home. The operating system has been reinstalled and did not have any CD of the operating system.

    Given that I have not an external CD drive how can I create a recovery on a USB CD. I would like to see the function of USB USB just like the CD in case something really goes wrong.

    Can some help me to find a tutorial to do this?

    Thanks for your help.

    SAJ.

    Great! Thanks for sharing this with us!

Maybe you are looking for