3 column html and css div, ready code
How do I make an 3 column html and css div, ready code?
3 column html and css div, ready code. What is a 3 column html and css div, ready code? How do you make a 3 column html and css div, ready code? This script and codes were developed by Digital Avinash on 12 October 2022, Wednesday.
3 column html and css div, ready code - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>3 column html and css div, ready code</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="catBx">
<div class="catHd"> <h2><a href="#.">Industrial Plant & Machine</a></h2>
</div>
<img src="http://placehold.it/140x88" style="float:left; margin-right:10px; margin-bottom:10px;"> <div class="ctLk">
<ul>
<li><a href="#.">Industrial Plant & Machine</a></li>
<li><a href="#.">Textile & Garment Machines</a></li>
<li><a href="#.">Control Equipments</a></li>
</ul>
</div>
</div>
<div class="catBx">
<div class="catHd"> <h2><a href="#.">Industrial Plant & Machine</a></h2>
</div>
<img src="http://placehold.it/140x88" style="float:left; margin-right:10px; margin-bottom:10px;"> <div class="ctLk">
<ul>
<li><a href="#.">Industrial Plant & Machine</a></li>
<li><a href="#.">Textile & Garment Machines</a></li>
<li><a href="#.">Control Equipments</a></li>
</ul>
</div>
</div>
<div class="catBx">
<div class="catHd"> <h2><a href="#.">Industrial Plant & Machine</a></h2>
</div>
<img src="http://placehold.it/140x88" style="float:left; margin-right:10px; margin-bottom:10px;"> <div class="ctLk">
<ul>
<li><a href="#.">Industrial Plant & Machine</a></li>
<li><a href="#.">Textile & Garment Machines</a></li>
<li><a href="#.">Control Equipments</a></li>
</ul>
</div>
</div>
</body>
</html>
3 column html and css div, ready code - Script Codes CSS Codes
.catHd a{color:gray;}
.ctLk a{line-height:25px;}
.ctLk ul li{list-style-type:none;}
.catBx {border-bottom:1px solid #d2d2d2; height: 175px; width: 30%; margin:0px 15px; display:inline-block;}
.catBx a{text-decoration:none; color:darkblue;}
Developer | Digital Avinash |
Username | digitalavinash |
Uploaded | October 12, 2022 |
Rating | 3 |
Size | 1,720 Kb |
Views | 36,432 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Padding div with minus margin, css tricks | 1,693 Kb |
Hide div on click in Jquery | 1,914 Kb |
Freezed table header, made in css | 1,679 Kb |
Price table - bootstrap | 2,619 Kb |
Bootstrap signup form | 1,977 Kb |
Responsive table panel with pagination | 2,351 Kb |
Blog post snippet | 1,715 Kb |
Footer made in bootstrap | 8,121 Kb |
Bootstrap drag switch | 2,154 Kb |
Four box with css style - bootstrap | 1,914 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
To Do List with Delete | Mattlbrody | 2,068 Kb |
SVG Hover Animations | Kjbrum | 10,557 Kb |
Beveled corners using CSS border attribute | DawsonMediaD | 2,136 Kb |
Em Test | Rodesco | 1,784 Kb |
Client-side Email Validation | Collizo4sky | 1,538 Kb |
Vertically rotating text with CSS | Nopr | 2,141 Kb |
A Pen by Michael Parenteau | Michaelparenteau | 2,133 Kb |
Search field | Jamesbarnett | 2,100 Kb |
SlideupBoxes | Gavra | 23,772 Kb |
STIKHOI | Denmch | 7,122 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!