how to bold words within a paragraph in HTML CSS

Question

I am a beginner in web programming and have some very simple questions   I m trying to bold several words in one paragraph but I don t know how to do that using HTML CSS  I ve figured out how to bold entire paragraphs  but not individual words yet  How can I bold one word  like  bold  in my example   This bolds an entire paragraph    lt html gt   lt head gt   lt style type  text css  gt  p n1       font 15px bold 30px Georgia serif      lt  style gt   lt  head gt    lt body gt   lt p class  n1  gt I am in bold   lt  p gt   lt  body gt   lt  html gt

User · Answer

if you want to just  bold   Mike Hofer s answer is mostly correct   but notice that the  tag bolds its contents by default  but you can change this behavior using css  example   p strong       font-weight  normal      font-style  italic      Now your  bold  is italic     So  try to use tags by its meaning  not by its default style

User · Answer

I know this question is old but I ran across it and I know other people might have the same problem  All these answers are okay but do not give proper detail or actual TRUE advice   When wanting to style a specific section of a paragraph use the span tag    lt p gt  lt span style  font-weight 900  gt Andy Warhol lt  span gt   August 6  1928 - February 22  1987    was an American artist who was a leading figure in the visual art movement known as pop   art  lt  p gt    Andy Warhol  August 6  1928 - February 22  1987  was an American artist who was a leading figure in the visual art movement known as pop art   As the code shows  the span tag styles on the specified words   Andy Warhol   You can further style a word using any CSS font styling codes    font-weight  font-size  text-decoration  font-family  margin  color   etc     Any of these and more can be used to style a word  group of words  or even specified paragraphs without having to add a class to the CSS Style Sheet Doc  I hope this helps someone

User · Answer

lt p gt  lt b gt  BOLD TEXT  lt  b gt  not in bold  lt  p gt     Include the text you want to be in bold between  lt b gt     lt  b gt

User · Answer

Although your answer has many solutions I think this is a great way to save lines of code  Try using spans which is great for situations like yours     Create a class for making any item bold  So for paragraph text it would be     span bold This name can be anything do not include parenthesis       font-weight  bold        In your html you can access that class like by using the span tags and adding a class of bold or whatever name you have chosen

User · Answer

lt p gt  lt strong gt This is in bold  lt  strong gt  This is not  lt  p gt    You might find Mozilla Developer Network to be a very handy and reliable reference

User · Answer

lt style type  text css  gt  p boldpara  font-weight bold    lt  style gt   lt  head gt    lt body gt   lt p class  boldpara  gt Stack overflow is good site for developers  I really like this site  lt  p gt    lt  body gt    lt  html gt    http   www tutorialspoint com

User · Answer

Add  lt b gt  tag     lt p gt   lt b gt  I am in Bold  lt  b gt  lt  p gt    For more text formatting tags  click here

[html] how to bold words within a paragraph in HTML/CSS?

Examples related to html

Examples related to css

Examples related to paragraph