[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Inline spacing of checkboxes inputs using CSS.

Posted on 2008-01-29
3
Medium Priority
?
1,692 Views
Last Modified: 2011-10-19
Given the html/css fragment below, is there anyway to add space between the input checkboxes without using &nbsp&nbsp&nbsp&nbsp?

.instructiontext2 {
        PADDING-RIGHT: 15%; PADDING-LEFT: 10%; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px
}
span.spacer
{
 white-space: pre;
}
#sidebar
 {
width: 15%;
background-color: #f0f0f0;
}
SPAN.crumbbar-cb
{
text-align: right;
FONT-SIZE: 85%;
vertical-align: 35%;
}

<DIV class="instructiontext2 centered" tabIndex=0>
<H1 class=headingtext style="float: right;" tabIndex=0><A name=content>Access Beneficiary Data</A> </H1>
</DIV>

<br/>
<br/>
<br/>
<br/>
<br/>

<DIV style="background-color: #EEEEEE; MARGIN-LEFT: 10%; MARGIN-RIGHT: 15%; PADDING-RIGHT: 5px; PADDING-LEFT: 5%; PADDING-BOTTOM: 2px; PADDING-TOP: 5px;">

       
        <IMG src="images/BlueCircle.gif"></IMG>
                <SPAN style="FONT-SIZE: 115%; FONT-WEIGHT: bold; vertical-align: 25%;">
                        Access
                </SPAN>
                &nbsp&nbsp&nbsp&nbsp
                <SPAN class="crumbbar-cb">
                        <INPUT type=checkbox name="cb1" value="Human Resources">Human Resources</INPUT>
                </SPAN>
                &nbsp&nbsp&nbsp&nbsp
                 <SPAN class="crumbbar-cb">
                        <INPUT type=checkbox name="cb2" value="Production">Production</INPUT>
                </SPAN>      
</DIV>
<br/>
 



Here is the BlueCircle.gif file for your coding fun.  Thanks for helping me!

Open in new window

0
Comment
Question by:jwright9
  • 2
3 Comments
 

Author Comment

by:jwright9
ID: 20767706
Here is the file.  I messed up.  
BlueCircle.gif
0
 
LVL 18

Accepted Solution

by:
Eternal_Student earned 2000 total points
ID: 20768604
Easyily done using margin-left;
span.crumbbar-cb
{
text-align: right;
FONT-SIZE: 85%;
vertical-align: 35%;
margin-left:20px;
}

Open in new window

0
 

Author Closing Comment

by:jwright9
ID: 31425969
Thanks for the help.  It was indeed very simple. :)  I'm trying to get too many pages done in not enough time! Take care!
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
By following these Magento e-commerce development tips, you can increase your website's conversion and profitability. Read this post for more details.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

607 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question