How do I centre align two BTN button within a jumbotron in HTML


Tags: html,css

Problem :

I am new to HTML and CSS and trying to build something which resembles a homepage.

Please see attached screenshot.

How can I centre align these two buttons BTN within a jumbotron in my HTML project.

enter image description here

My HTML

<div class="jumbotron">
        <h1>Bespoke Recruitment Solutions</h1>
        <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p>
        <p><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a></p>
      </div>


Solution :

Just add class text-center to <p> where your buttons are.

HTML

<div class="jumbotron">
        <h1>Bespoke Recruitment Solutions</h1>
        <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p>
        <p class="text-center"><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a></p>
      </div>

DEMO HERE


    CSS Howto..

    How to style this form using CSS?

    How to create the timetabling with div properly?

    How to make a sliding menu similar to the Facebook Mobile side menu with html,css,jquery?

    how to write .html with .css to custom color text

    How To Change Text Box Content On Hover

    How do I set the style of children using css modules in a reactjs project using classNames and JSX

    How to move an image upwards in html/css

    How to center this on screen

    How to make a text flash in html/javascript?

    How can I translate with webkit-transform enough so that

    How to add padding and border that doesn't change width if using 960 grid system

    How to customized select element through css?

    How to create responsive text on top of an image?

    how to create divs rowwise in css

    How to specify an element to re-appear after a page break?

    How to crop a rectangular image into a square using CSS?

    How to create CSS gradient from the centre? [closed]

    How to apply gradient to element with correctly display in IE9?

    How to correct checkbox position, when it is one the same page with jQuery UI input text?

    How can I customize the CSS generated by LESS to include Font Awesome?

    How to write css for a div under a div which specific id which is itself under a div with specific class?

    How to default a custom-styled dropdown to browser default style dropdown

    How CSS Positions work, why absolute elements stack up on each other instead of stacking one after other

    Using Susy, how can I make a div expand to height of tallest sibling?

    how can i add class to errorsummay without remove header message

    How to resize div size proportional with browser size?

    How to read minified CSS?

    How to make background fill or flush to the footer at the bottom of the window

    CSS: How to center texts with transitioning position?

    How do I show just one image and center it in a slider?