Hey there, I'm having some issues working with the CSS for my component. I've created a joke component that has joke and punchline props. The issue is that when it appears in the compiler, my joke component (which I call twice) only shows up as text. I would like to figure out how to style these components using CSS so that each one has an underline at the bottom of the joke, separating each joke from another.
Could someone provide me with the necessary CSS code for this? Thank you!
import React from "react"
import Joke from "./Joke"
function App() {
return (
<div>
<Joke
jokes="how much gum is enough"
punchline="yes"
/>
<Joke
jokes="are you tall"
punchline="yes"
/>
</div>
)
}
export default App