Hallo allemaal,

Ik heb een probleempje met mijn div's.
Ik heb een divje gemaakt (2)
en de ene drukt de andere weg



De code die ik gebruik.
HTML

<?

<div class="jumbotron tips">
<h3>Title</h3>
<p>Title</p>
<button type="button" class="btn btn-danger">Schijf je in voor de nieuwsbrief</button>


</div>

<div class="jumbotron links">
<h3>Title2</h3>
<p>Title2</p>
<button type="button" class="btn btn-danger">Schijf je in voor de nieuwsbrief</button>
</div>

?>

.css
<?


.tips{

margin-top: 80px;

margin-right: 1000px;
margin-left: 50px;




}.tips p{
font-size:12px;

}

.links{


margin-top: -0px;

margin-right: 50px;
margin-left: 1000px;

}.links p{
font-size:12px;
}

?>
en hoe zou je het willen hebben?

naast elkaar, de ene helemaal links en de ander helemaal rechts? (lege ruimte in het midden)?
Jep, of 3 in het midden of dergelijke
Ik heb er floats ingezet, maar dit had vrij weinig effect. of moet ik de margin weg halen, als ik dat doe worden de div's weer super groot

<?


.tips{

margin-top: 80px;

margin-right: 1000px;
margin-left: 50px;
float:left;



}.tips p{
font-size:12px;

.links{
margin-top: 0px;
margin-right: 50px;
margin-left: 1000px;
float:right;

}.links p{
font-size:12px;
}


?>
Heb je mijn voorbeeld bekeken?
Ja om te beginnen kun je al die margins weghalen. eventueel kun je een width:200px; of zo toevoegen.
Super Nice Ik Heb m

<?

.tips{
margin-top: 20px;


margin-left: 50px;
float:left;
width:200px



}.tips p{
font-size:12px;

}.links{

float:right;
margin-right: 50px;
width:200px

}.links p{
font-size:12px;
}
.clear-div {
clear:both;
}

?>

Reageren