Home | Login | Register | user control panel | view your posts |
question
FAQ
news
News
feedback
Feedback
HTML CSS PHP SQL
View unread posts | View new posts | View active posts
Login | Register | Search:
How do I make HTML container box?
user
forum by: user: Maveryk, Post on: 2021-12-29 22:34:33, Posts: 129

how do i make html container box

user: Maverik / Posts: 37 / post on: 2021-12-29 22:52:17
user
how do i make html container box

All these HTML elements (div, p, span, nav, section, aside, etc.) could be considered containers, hence the title, and in this article I will talk about what css styles we can apply.

These containers are nothing more than HTML elements placed around text or other HTML elements. It can have edge, border and padding.

Below I posted an image in which I explained as simply as I could what these elements were that we talked about, namely margin, border and padding.

Container example

div {
    width: 400px;
    height: 250px;
    padding: 10px;
    border: 5px solid gray;
    margin: 0;
}

Read more on: HTML container

user: admin / Posts: 38 / post on: 2021-12-30 19:42:35
user
how do i make html container box
This is a container. CSS
#modal {
    border: 1px solid gray;
    border-radius: 3px;
    background: white url("gradient.png") ;
    background-repeat: repeat-y;
    padding-top: 20px;
}

HTML
<div id="modal">
<header><h1>Something Here</h1></header>
<p>Your content here...</p>
</div>
user: admin / Posts: 39 / post on: 2022-01-03 20:12:49
user
how do i make html container box

Creating full width (100% ) container inside fixed width container.

HTML

 <div class="container" style="width: 750px; margin: 0 auto;">

<div class="row-full">
     --- Full width container ---
</div>

</div>

CSS

 .row-full{
 width: 100vw;
 position: relative;
 margin-left: -50vw;
 height: 100px;
 margin-top: 100px;
 left: 50%;
}

Post User for this topic: title
Please Login to replay: Login | Register