My attempts to bolden a specific sentence within a paragraph have not been successful so far. I tried using various tags and pseudo-elements but nothing worked as expected. Any suggestions or ideas on how to achieve this?
To clarify, I want the sentence to remain a part of the paragraph without getting separated. I also aim to learn how to target individual words or sentences within a paragraph for future reference.
I am developing this application in ReactJs, in case that information is relevant.
HTML
Who We Serve <p>
We are passionate for the local church. Our mission is to come
alongside the local church to help them empower, equip, and release
more of God’s people to do the work of the ministry.
</p>
<img
src={WhoWeServe}
alt="Lanier Family"
className=" lol__WhoWeServe-image2"
/>
</div>
CSS
.lol__WhoWeServe-header {
display: flex;
justify-content: space-between;
align-items: center;
display: inline-block;
margin-left: 2rem;
padding-left: 0rem;
padding-top: 1rem;
}
.lol__WhoWeServe-heading h1 {
font-family: var(--font-family);
font-weight: 800px;
font-size: 24px;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
color: black;
}
.lol__WhoWeServe-heading p {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
display: flex;
line-height: 30px;
text-indent: 50px;
margin-left: 1rem;
padding-bottom: 2rem;
color: #525252;
}
.lol__WhoWeServe-heading > p {
font-weight: 800;
font: 16px;
color: black;
}