Inline Style → CSS Converter

Convert inline styles to CSS classes

Inline Styles

Enter inline styles in the format: property: value; property: value;

Class Name

Example HTML

<div class="custom-class">Content</div>

Converted CSS

.custom-class {
  color: red;
  background-color: blue;
  font-size: 16px;
  padding: 10px;
}

Generated CSS

.custom-class {
  color: red;
  background-color: blue;
  font-size: 16px;
  padding: 10px;
}