Using Inline Styling with React
Using React and inline styles. I have a div that I want to eliminate the bottom padding or margin.
This does not work:
const divStyle = {
color: 'red',
paddingBottom: 0
};
<label className="col-xs-1">
<div style={divStyle}>*</div>
First Name
</label>
This does not work:
const divStyle = {
color: 'red',
paddingBottom: 0
};
<label className="col-xs-1">
<div style={divStyle}>*</div>
First Name
</label>
Last Comment
Scratch that ! Forgot about the camelCasing in React (why!).
What does the HTML code look like after you've rendered it. You may have other CSS somewhere that's overriding it.
What does the HTML code look like after you've rendered it. You may have other CSS somewhere that's overriding it.
<div style={divStyle}>*</div>
Are you sure that is where you want to remove the padding from?
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
display: 'inline'
C#
C# is an object-oriented programming language created in conjunction with Microsoft’s .NET framework. Compilation is usually done into the Microsoft Intermediate Language (MSIL), which is then JIT-compiled to native code (and cached) during execution in the Common Language Runtime (CLR).
98K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
should be
padding-bottom: 0