CODEWITHSUNDEEP
csspolymer
user32323
user32323

Reputation: 299

paper-toolbar does not center content

I want to center the title and navigation links in my paper-toolbar. I am using the properties "justify" and "bottomJustify" to accomplish this, but the content remains on the left side. 

<paper-toolbar class="medium-tall" justify="center" bottomJustify="center">
    <div class="title">Titel</div>
    <div class="bottom">
       <a data-route="contact" href="contact">
          <span>Contact</span>
       </a>
   </div>
</paper-toolbar>

It does not matter which "tallness" I choose. It never works. Does anyone has an idea how to solve this?

Update:

This code works:

   <paper-toolbar class="medium-tall" justify="center" bottom-justify="center">
        <div class="top">
            Title
        </div>
        <div class="bottom">
            <a data-route="contact" href="contact">
                <span>Contact</span>
            </a>
        </div>
    </paper-toolbar>

I had to:

Upvotes: 0

Views: 248

Answers (1)

Pascal Gula
Pascal Gula

Reputation: 1173

In your code you should use bottom-justify instead of bottomJustify to set the attribute!

Upvotes: 3

Related Questions