Camillia
asked on
Move text down and to the left
I've attached a screenshot. You see how the text is too close to the red button and moved up. I want to bring it down...maybe center it to the button and move it to the left...not so close to the button as it is now.
This is how it renders
And these are the CSS
This is how it renders
<div class="formactions placeorder">
Total: USD 96.21
<button class="imagebutton continuecheckout" type="submit" name="dwfrm_orderSummary_submitOrder" value="Place Order"><span>Place Order</span></button>
<div class="clear"></div>
</div>
And these are the CSS
.formactions.placeorder {
text-align: right;
padding-top: 20px;
}
.formactions.placeorder button {
text-transform: uppercase;
font-size: 14px;
float: right;
}
.clear, .clearBoth {
clear: both;
}
doc3.docx
You are hiding your screen shot it's not seems well please post your url.
ASKER
it's my company url. that's why i didnt post the url. I might have have to upgrade my expert echange to have private question so i could post it. You can't tell me how to fix it the way i have posted my question?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks, let me try.
ASKER
didnt work. Stays the same. Where do I put that .clear CSS??
Your .formactions .placeorder and .formactions .placeorder button are the same as mine.
Your .formactions .placeorder and .formactions .placeorder button are the same as mine.
It's all same only space in .formaction .placeholder can you provide image for what you want.
ASKER
where's the space in this??
.formactions .placeorder {
text-align: right;
padding-top: 20px;
}
This is how it renders. I see the "clear" div but the there's no space. Still looks the same.
.formactions .placeorder {
text-align: right;
padding-top: 20px;
}
This is how it renders. I see the "clear" div but the there's no space. Still looks the same.
<div class="formactions placeorder">
Total: USD 96.21
<button class="imagebutton continuecheckout" type="submit" name="dwfrm_orderSummary_submitOrder" value="Place Order"><span>Place Order</span></button>
<div class="clear"></div>
</div>
See this two css:
and second one
.formactions.placeorder {
text-align: right; /* see above there is no space between formactions.placeorder*/
padding-top: 20px;
}
.formactions.placeorder button {
text-transform: uppercase;
font-size: 14px;
float: right;
}
.clear, .clearBoth {
clear: both;
}
and second one
.formactions .placeorder {
text-align: right;
padding-top: 20px;
}
.formactions .placeorder button {
text-transform: uppercase;
font-size: 14px;
float: right;
}
.clear, .clearBoth {
clear: both;
}
ASKER
There's no space so how can I put the space??
Your CSS has an additional ".clear" tag. How can I use it to add the space??
Your CSS has an additional ".clear" tag. How can I use it to add the space??
ASKER
I put the div clear between the text and the button but the text ends up above the button
this is how it renders. Screenshot attached
this is how it renders. Screenshot attached
<div class="formactions placeorder">
Total: USD 96.21
<div class="clear"></div> <button class="imagebutton continuecheckout" type="submit" name="dwfrm_orderSummary_submitOrder" value="Place Order"><span>Place Order</span></button>
</div>
doc8.docx