CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
selfmarket
selfmarket

Reputation: 5

bootstrap center links and text in panel-body

i want to center text in bootstrap, i dont know way the content in my footer is displayed crooked, this is the html code :

<div class="panel-body">
        <ul> © 2016 
          <a href="/">selfmarket.net</a> /
          <a href="/static/atom.xml">RSS Feed</a> /
          <a href="/static/sitemap.xml">sitemap.xml</a>
        </ul>
      </div>

live demo is : https://selfmarket.net/

the text need to be where is my red line : enter image description here

Upvotes: 0

Views: 3417

Answers (2)

fl0cke
fl0cke

Reputation: 2884

Don't use an unordered list (ul) if you don't have any list elements.

<div class="panel-body">
   <div> © 2016 
      <a href="/">selfmarket.net</a> /
      <a href="/static/atom.xml">RSS Feed</a> /
      <a href="/static/sitemap.xml">sitemap.xml</a>
    </div>
</div>

Fixes your problem.

Upvotes: 1

Spencer Rohan
Spencer Rohan

Reputation: 1939

In your css page you need to align the items to the center:

.panel-body ul { text-align: center; }

However, I'm not sure why you are using an unordered list tag.

Upvotes: 1

Related Questions