Setting margin-left from div

Question

So here's my issue. This is what I want to do

enter image description here

Which I did. The issue is the blue text doesn't align up correctly. Since I'm doing margin-left: 130 on the blue text it starts from the gray words. Not the start of the div. So here's what it looks like when I code it

enter image description here

So what I basically want to do is start the margin from the div. Not the text. Here's a demo http://jsfiddle.net/R2FVL/. Any help would be great

possible duplicate of [CSS - Make divs align horizontally](http://stackoverflow.com/questions/37103/css-make-divs-align-horizontally) — Codeman, Aug 04 '14 at 22:31
Your HTML is kind of a mess but you can just do width=50%; I think — Codeman, Aug 04 '14 at 22:35
And the other post didn't make it work. I tried that before posting this post @Pheonixblade9 — idris, Aug 04 '14 at 22:41

score 1 · Answer 1 · answered Aug 04 '14 at 22:31

1

Wrap the label and give that a fixed width.

<span class="label">Stuff</span>
<span class="stuff">Value Stuff</span>

.label {
    display: inline-block;
    width: 200px;
}

answered Aug 04 '14 at 22:31

chovy

72,281
52
227
295

yeah. you would use a fixed width for the left column. – chovy Aug 06 '14 at 15:38

score 0 · Answer 2 · answered Aug 04 '14 at 23:47

Wrap H2_3 and H2_7 with div

 <div id="Div_H2_3"><h2 id="H2_3">More Stuff</h2></div>
 <div id="Div_H2_7"><h2 id="H2_7">Even More Stuff</h2></div>

add blow style

#Div_H2_7,#Div_H2_3 {
    display: inline-block;
    width:35%
}

Refer http://jsfiddle.net/F7gG7/

Setting margin-left from div

2 Answers2