I can never get the tailwind borders to work. When I inspect it, it says there's 4px, but when I go to Computed, it says 0px. I don't know what's overriding it. I don't have a CSS file, so it's not that.

  <h2 >Angular Training</h2>
  <div >
    <div >
      <h4>Public Angular Training</h4>
      <div >
        <p>
          Buy a ticket for our live, instructor-led, <b>online</b>
          classes. Ask questions, get help, and workshop your code in real-time.
        </p>
        <p>
          <img
            
            alt="map"
            src="assets/images/map2small.png"
            width="150"
          />Or, attend Angular Boot Camp <b>in-person</b> in
          <abc-cities></abc-cities>
          and others.
        </p>
      </div>

Entire page showing where it should be and how big

Computed to 0px

CodePudding user response：

Hard to tell without seeing your whole code, but it looks like you could be missing the border-style property.

In Tailwind:

border-solid

Tailwind - Border Style

CodePudding user response：

Try this:

  <div >

And you can change for outline or ring too, so you can see what's going on