6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Why is this text centered?

by Xarcz
5 replies
Link: UGC Design

Why is the text above the image, and below "logo creator" centered?

Here is the html code of that section:
_____________

<p><span class="section-tagline">Logos are very important. Without a logo your brand/company is nothing! You need to make a logo when you are starting off, but at that point, you aren't yet rolling in the millions! Instead of risking your life by purchasing a professional logo by a graphic artist, why not purchase this program for an even cheaper price, and make unlimited logos that look professional, and are also easy to make.<br>
<br>
Our top pick is...
</span>
</h2>
</div>

_____________
#centered #text
  • Profile picture of the author marketingyard
    Try styling your <p> tag just before the span:

    <p style="text-align: left;"><span class="section-tagline">Logos are very important. Without a logo your brand/company is nothing! You need to make a logo when you are starting off, but at that point, you aren't yet rolling in the millions! Instead of risking your life by purchasing a professional logo by a graphic artist, why not purchase this program for an even cheaper price, and make unlimited logos that look professional, and are also easy to make.<br>
    <br>
    Our top pick is...
    </span>
    </h2>
    </div>
    {{ DiscussionBoard.errors[9852996].message }}
  • Profile picture of the author KirkMcD
    Originally Posted by Xarcz View Post

    Why is the text above the image, and below "logo creator" centered?
    It shouldn't be, but the class, "section-tagline" is defined twice in the css style sheet. One of them has the text as centered.
    {{ DiscussionBoard.errors[9853067].message }}
  • Profile picture of the author yukon
    Banned
    http://ugcdesign.com/css/style.css




    .section-tagline {
    font: 18px/29px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    color: #808080;
    text-align: center;
    max-width: 550px;
    margin: auto auto 80px auto;
    }
    {{ DiscussionBoard.errors[9853074].message }}
    • Profile picture of the author Darrenshome
      Originally Posted by yukon View Post

      http://ugcdesign.com/css/style.css
      .section-tagline {
      font: 18px/29px 'Open Sans', Arial, sans-serif;
      font-weight: 300;
      color: #808080;
      text-align: center;
      max-width: 550px;
      margin: auto auto 80px auto;
      }

      text-align: center; is what your after.

      You can also use
      text-align: left;
      text-align: right;

      or simply to remove, add 2x forward slashes
      //text-align: center;
      {{ DiscussionBoard.errors[9903095].message }}
  • Profile picture of the author datastyling
    You will have to modify it under the css lines of codes not on the html codes.
    Signature

    BOOK DESIGN & LAYOUT / WEB DEVELOPMENT
    WEBSITE: www.datastyling.com (book design & layout - $95 only) www.thorhosting.co (hosting with free fully functional website) www.infoph.com (open internet directory, jobs, classifieds & news)
    SKYPE: datastyling
    FACEBOOK: https://www.facebook.com/bookdesignservices

    {{ DiscussionBoard.errors[9856965].message }}

Trending Topics