Solved

Text not aligning in Div

Posted on 2013-06-22
2
305 Views
Last Modified: 2013-06-22
I have a page where the text is in a div.  The text needs to be in the center with align left.
Here is the css.

.PO {
      width: 860px;
      height: 49px;
      margin: 50px 0px 25px 20px;
      font-size: 40px;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      background-image: url(Images/Page_Backgrounds/RestStripe.png);
      background-repeat:no-repeat;
}

This is the code.
<div id="PlaceOrder" class="PO" >Order From <?PHP echo $RestName ?></div>

Open in new window


This is the page.
www.menuhead.com/makeorder.php
0
Comment
Question by:DS928
2 Comments
 
LVL 15

Accepted Solution

by:
Jagadishwor Dulal earned 500 total points
ID: 39268945
You mean you want to centralized with background?

see example:

.PO {
    background-image: url("Images/Page_Backgrounds/RestStripe.png");
    background-repeat: no-repeat;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: bold;
    height: 49px;
    margin: 50px 0 25px 20px;
    padding: 14px 0 0 10px;
    width: 860px;
}

Open in new window

0
 

Author Closing Comment

by:DS928
ID: 39268960
Thats it!  Thank you so much!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Login area of a page 4 33
css help with menu spacing 10 32
Error in JQuery 5 39
CSS issue 8 14
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

863 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now